Heim > Web-Frontend > CSS-Tutorial > Wie importiere ich CSS-Dateien in LESS-Dateien?

Wie importiere ich CSS-Dateien in LESS-Dateien?

Patricia Arquette
Freigeben: 2024-10-30 23:38:29
Original
469 Leute haben es durchsucht

How to Import CSS Files into LESS Files?

So importieren Sie .CSS-Dateien in .LESS-Dateien

Der Import von .CSS-Dateien in .LESS-Dateien ist möglich, erfordert jedoch die Angabe einer Option um die Interpretation der Datei als CSS zu erzwingen.

Lösung:

Um eine .CSS-Datei in eine .LESS-Datei zu importieren, verwenden Sie die folgende Syntax:

@import (css) "path/to/style.css";
Nach dem Login kopieren

Dadurch wird LESS angewiesen, die angegebene Datei als CSS zu interpretieren. Zum Beispiel:

@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}
Nach dem Login kopieren

Nach der Angabe der Importoption referenziert die .LESS-Datei erfolgreich Klassen und Stile, die in der importierten .CSS-Datei definiert sind.

Zusätzlicher Hinweis:

Beachten Sie, dass Sie bei Verwendung der Importoption auch eine andere Dateierweiterung angeben können, wie zum Beispiel:

@import (less) "lib.css";
Nach dem Login kopieren

Dadurch wird die lib.css-Datei importiert und ihr Inhalt als behandelt WENIGER.

Das obige ist der detaillierte Inhalt vonWie importiere ich CSS-Dateien in LESS-Dateien?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage