Comment puis-je importer des fichiers .css dans mes fichiers .less ?

Importation de fichiers .css dans des fichiers .less

Bien qu'il soit courant d'importer d'autres fichiers .less dans vos projets .less, c'est également possible d'importer des fichiers .css. Cependant, ce processus nécessite une étape supplémentaire.

Pour inclure un fichier .css dans votre fichier .less, vous devez spécifier le type de fichier que vous importez à l'aide de la directive @import. Par exemple, si vous souhaitez importer style.css, vous écrivez :

<code class="less">@import (css) "../style.css";</code>

En spécifiant (css) avant le chemin du fichier, vous forcez l'importateur à traiter style.css comme un fichier CSS. Cela garantit que toutes les classes ou styles définis dans style.css seront disponibles dans votre fichier .less.

Par exemple, supposons que style.css contienne une classe appelée .type. Si vous essayez d'utiliser cette classe dans votre fichier .less sans spécifier la directive (css), vous rencontrerez une erreur car .type n'est pas défini dans le contexte .less. Cependant, en utilisant le code suivant :

<code class="less">@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}</code>

vous pouvez référencer des styles définis dans style.css et accéder à des classes comme .type de manière transparente.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!