Benennen Sie eine CSS-Datei als Principal

Question

Meine Frage ist, ob es eine Möglichkeit gibt, eine CSS-Datei als Principal zu bezeichnen. Was ich sagen möchte, ist, dass ich 2 CSS-Dateien habe (eine für Bootstrap und eine als benutzerdefinierte CSS) und ich möchte, dass alle Stile aus der benutzerdefinierten Datei als wichtig für alle Projektdateien betrachtet werden. Aber ich möchte auch den Bootstrap behalten. Vielen Dank im Voraus.

Answer 1

CSS-Spezifikation legt fest, dass Wähler Vorrang auf drei Faktoren unterliegt, um:

1. Bedeutung
2. Spezifität
3. Quelle bestellen

Obwohl es keine Möglichkeit gibt, ein Stylesheet als Principal zu definieren, betrachten Sie möglicherweise die Quellreihenfolge. Stilregeln, die in der Reihenfolge weiter kommen, haben Vorrang. Importieren Sie daher Ihr benutzerdefiniertes Stylesheet nach dem Bootstrap-Stylesheet, und die Regeln in diesem Beispiel können Vorrang haben, abhängig von der Wichtigkeit und Spezifität, die später definiert werden. Weitere Informationen über Cascading Preference here.

Answer 2

Wenn Sie so etwas wie index.html verwenden möchten, damit der Browser es zuerst laden muss, wenn Sie www.example.com/ tipe, dann nein; Es gibt keine Namensregeln für CSS-Dateien. Der gebräuchlichste Name ist style.css.

Hier ist, was Sie tun können: zuerst der Bootstrap-Dateien in HTML laden

<link href="css/bootsrap.css"> 

Danach wird Ihre benutzerdefinierte CSS-Datei laden. Nun, manchmal, wenn Sie versuchen, die Regeln der Bootstrap zu überschreiben wird nicht funktionieren, so kann u den !important-Klausel verwenden, bevor Sie Ihre Erklärung schließen, wie folgt aus:

background-color: red !important