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:<!--[wenn IE 6]> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> <!--[wenn IE]> <link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom-ie.css" title="Sauberkeit" /> <![endif]--> 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?
Artikel empfehlen
Bei der anonymen Mysql-Anmeldung kann keine Datenbankproblemlösung erstellt werden
Häufig gestellte Fragen Der Zugriff für den Benut...
Zusammenfassung ungewöhnlicher Operatoren und Operatoren in js
Zusammenfassung gängiger Operatoren und Operatore...
Zusammenfassung von 11 erstaunlichen Best Practices für die Refaktorierung von JavaScript-Code
Inhaltsverzeichnis 1. Extrahieren von Funktionen ...
Beispielcode zur Konvertierung von http in https mit nginx
Ich schreibe gerade ein kleines Programm. Da die ...
So lösen Sie das Problem, dass absolut positionierte Elemente in IE6/7 auf mysteriöse Weise verschwinden oder blockiert werden
1. Wenn die Breite der angrenzenden schwebenden Eb...
Mehrere Möglichkeiten zur Implementierung der CSS-Höhenänderung mit Breitenverhältnis
[Lösung 1: Padding-Implementierung] Prinzip: Wenn...
So rufen Sie mit dem Flash-Plugin die Kamera des PCs auf und binden diese in die TML-Seite ein
Vorwort Der Grund für das Schreiben dieses Artikel...
Lösung für das Problem, dass der Image-Name nach dem Laden des Dockers keiner ist
Kürzlich habe ich festgestellt, dass nach der Ver...
Detaillierte Erklärung der in JavaScript integrierten Objekte, Mathematik und Zeichenfolgen
Inhaltsverzeichnis Mathematische Objekte Gemeinsa...
Zusammenfassung praktischer Methoden für JS-Anfänger zur Verarbeitung von Arrays
Methode join(): verbindet alle Elemente eines Arr...
Umfassende Analyse von Prototypen, Prototypobjekten und Prototypketten in js
Inhaltsverzeichnis Prototypen verstehen Prototypo...
Lösung für das Problem des achtstündigen Unterschieds bei der MySQL-Einfügezeit
Lösen Sie das Problem des achtstündigen Zeitunter...
So fixieren Sie Inhalte beim Scrollen einer HTML-Seite an einer festen Position
In diesem Artikel wird hauptsächlich erläutert, w...
Drei Möglichkeiten zum Implementieren eines Textfarbverlaufs in CSS
Bei der Entwicklung von Web-Frontends entwerfen U...
So verwenden Sie Docker zum Bereitstellen von Spring Boot und zum Herstellen einer Verbindung mit Skywalking
Inhaltsverzeichnis 1. Übersicht 1. Einführung ins...