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

Wie importiere ich CSS-Dateien in LESS-Dateien?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-30 23:38:29385Durchsuche

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";

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

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

.small {
    font-size:60%;
    .type;
}

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";

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!

Stellungnahme:
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