Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Detaillierte Erläuterung der Technik, CSS im Less-Framework in eine einzelne Datei zu packen

高洛峰
Freigeben: 2017-03-08 13:49:24
Original
1600 Leute haben es durchsucht

Bei Verwendung des vorkompilierten Less-Frameworks hoffen wir immer, die Bereitstellungsstruktur von CSS-Dateien effizient verwalten zu können. Hier sehen wir uns eine Technik an, um zu erzwingen, dass CSS in eine einzelne Datei im Less-Framework gepackt wird Verweisen Sie darauf.

less führt beim Importieren andere less-Dateien in einer einzigen Datei zusammen.
Aber wenn eine CSS-Datei importiert wird, wird das CSS standardmäßig nicht zusammengeführt.
Verwenden Sie das Inline-Schlüsselwort, um das Paket a.css in die endgültige einzelne Datei zu zwingen:

@import (inline) "./a.css";   
p{   
  color:yellow;   
}
Nach dem Login kopieren

Das kompilierte Ergebnis ist wie folgt: Es gibt nur eine Datei (a.css (nur A-Stil)

a{   
    color:red;   
}   
p {   
  color: yellow;   
}
Nach dem Login kopieren

Wenn kein Inline-Parameter vorhanden ist, lautet das Endergebnis wie folgt: Es werden zwei Dateien angefordert

@import "a.css";   
p {   
  color: yellow;   
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Technik, CSS im Less-Framework in eine einzelne Datei zu packen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage