Instale esta extensión https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

Luego, en su .vscode/settings.json:

 { "css.styleSheets": [ "https://cdn.jsdelivr.net/npm/bootstrap@5.0.0beta1/dist/css/bootstrap.min.css" ] }

Reinicie vscode. Trabajó para mi.

Desinstale esta extensión llamada "Compatibilidad con HTML CSS" y luego vuelva a cargarla. Funcionó para mí, espero que funcione para usted también.

Compruebe si la extensión "HTML CSS Support" se actualizó automáticamente. Si lo hizo, le pedirá que vuelva a cargar el Código VS. Hazlo. Tenía exactamente el mismo problema hoy.

Actualizar

Eso no ayudó.

Parece que el problema debería haberse resuelto con la próxima versión de la extensión, pero aún así, algunos de los problemas están ahí. Compruebe el github: https://github.com/ecmel/vscode-html-css/issues

En resumen, lo que debe hacer es ir a la configuración de VS Code y cambiar de "Usuario" a "Área de trabajo". Luego escriba "configuración css" en la barra de búsqueda de configuración y abra exactamente la misma opción en "Extensiones". Haga clic en "CSS: Hojas de estilo", que abrirá settings.json para el espacio de trabajo y agregará las rutas de sus archivos CSS allí. Esperemos que resuelva todos los problemas para usted.

Como dijeron otros, desinstale HTML CSS Support y luego vuelva a cargar el código VS. Puede usar IntelliSense para nombres de clase CSS en HTML si lo desea, proporciona finalización de nombre de clase CSS para el atributo de clase HTML en función de las definiciones encontradas en su espacio de trabajo o archivos externos a los que se hace referencia a través del elemento de enlace. Y le brinda autocompletado para las definiciones de clase CSS que se pueden encontrar en su espacio de trabajo (definido en archivos CSS o en los tipos de archivo enumerados en la sección Modos de idioma admitidos)

Simplemente desactive la validación de CSS en settings.json.

Yo tuve el mismo problema. Resultó ser un problema con la misma extensión 'Soporte HTML/CSS' mencionada en esta respuesta y esta respuesta . Parece que ha habido 7 lanzamientos diferentes para esa extensión en los últimos días. v1.3.3 parece ser la última versión funcional de la extensión.

Revertido a v1.3.3 de la extensión 'HTML/CSS Support' hasta que se solucione 👍 Funciona en mi máquina 😂

primero desinstale el soporte de HTML CSS y luego vuelva a cargarlo. Estoy 100% seguro de que funcionará. En realidad, el soporte de HTML CSS en algún momento verifica su código HTML CSS y da un error si hay un falso positivo.

Si está utilizando una versión más reciente de HTML CSS Support (>= 1.5.0), puede agregar la siguiente configuración de css.validation a su settings.json , lo que debería solucionar este problema. Sin embargo, no olvide volver a cargar VS Code después de cambiar la configuración.

La degradación de la extensión 'HTML CSS Support' a v1.3.3 solucionará el problema.

Problema con la extensión "Compatibilidad con HTML CSS" Desinstálelo o use una versión anterior.

Estoy usando SCSS como preprocesador de CSS en el proyecto Angular con Bootstrap5. Instalé el siguiente complemento y el problema se resolvió.

SCSS en todas partes

Ahora, usando bootstrap 5 y angular 13.2.2, la extensión de soporte HTML CSS no funciona.

Sin embargo, IntelliSense para nombres de clase CSS en HTML funciona para mí