Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Lösung 1: Verwenden Sie bedingten Import im HTML-Dokument, beispielsweise durch Einfügen des folgenden Codes in HEAD:

Code kopieren

Der Code lautet wie folgt:

Lösung 2: Verwenden Sie bedingten Import am Anfang des CSS-Dokuments, wie im folgenden Code gezeigt:

Code kopieren

Der Code lautet wie folgt:

[wenn SafMob]
@import('iphone.css');
[wenn !SafMob]
@import('nicht-iPhone.css');

Die Reihenfolge, in der der Browser CSS lädt:
1. Laden Sie die durch die URL angegebene HTML-Seite
2. HTML analysieren
3. Rufen Sie die CSS-Datei, auf die das Link-Tag verweist, remote ab
4. Laden und führen Sie die erhaltene CSS-Datei aus. Wenn der Code @import url("xx.css") auftritt, wird xx.css remote abgerufen.
5. xx.css laden und ausführen
Sie können bis zu 31 CSS-Dateien über @import importieren. Da bei jedem Remote-Abruf einer CSS-Datei ein HTTP-Link generiert wird, ist dies zeitaufwändig. Daher sollten Sie @import möglichst wenig verwenden. 31. Ich glaube nicht, dass irgendein Projekt so viele verwenden wird.

<<: Reines CSS zum Erzielen eines schmelzenden Kerzenmusters (Wassertropfen) – Beispielcode

>>: Wenn ich eine Eigenschaft in Vue-Daten zufällig ändere, wird die Ansicht aktualisiert?

Detaillierte Erläuterung der Persistenz des Vue-Seitenstatus

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Detaillierte Erläuterung der Persistenz des Vue-Seitenstatus

So fragen Sie Datum und Uhrzeit in MySQL ab

Reduzieren Sie die Speicher- und CPU-Auslastung durch die Optimierung von Webseiten

Natives JS implementiert benutzerdefinierte Bildlaufleistenkomponente

Sechs mit CSS3 implementierte Randübergangseffekte

Verwenden des CSS-Loaders zum Implementieren des CSS-Moduls in Vue-CLI

Centos8 (Minimalinstallation) Tutorial zur Installation von Python3.8+pip

Methode zur Verhinderung von SSH-Cracking auf Linux-Servern (empfohlen)

So fügen Sie Docker dynamisch Ports hinzu, ohne das Image neu zu erstellen

Linux-Datenträgerverwaltung – LVM-Nutzung

Artikel empfehlen

Verwenden Sie momentJs, um eine Countdown-Komponente zu erstellen (Beispielcode)

Eine einfache Implementierungsmethode für eine digitale LED-Uhr in CSS3

Einführung in Abfragebefehle für gespeicherte MySQL-Prozeduren

Detaillierte Erklärung der node.js-Installation und HbuilderX-Konfiguration

So implementieren Sie einen Animationsübergangseffekt im Frontend

Zusammenfassung von 10 erweiterten Tipps für Vue Router

Detaillierter Code zur Implementierung einer 3D-Tag-Cloud in Vue

Automatischer Commit-Vorgang für MySQL-Transaktionen

Informationen zur Auswahl des Uhrzeit-, Datums- und Zeichenfolgentyps in MySQL

Centos7.5 installiert die Bereitstellung des binären Pakets mysql5.7.24

Verstehen Sie den Unterschied zwischen BR- und P-Tags anhand von Beispielen

Beschreibung der Ausführungsmechanismen von statischen Seiten und dynamischen Seiten

Einführung in MySQL-Rollenfunktionen

Grundlegendes Lernprogramm zum Tabellen-Tag in HTML

Eine kurze Diskussion zum Problem von Daten mit Nullwerten in der MySQL-Datenbank