Kaskadierungsreihenfolge im CSS-Stil
Wenn mehrere Stylesheets verwendet werden, müssen die Stylesheets um die Kontrolle über bestimmte Selektoren konkurrieren. In diesen Fällen gibt es immer Stylesheet-Regeln, die die Kontrolle erlangen. Die folgenden Eigenschaften bestimmen das Ergebnis konkurrierender Stylesheets.
Wie bereits erwähnt, haben sowohl Autoren als auch Leser von Webseiten die Möglichkeit, Stylesheets festzulegen. Wenn die beiden Regeln in Konflikt geraten, haben die Regeln des Webseitenerstellers Vorrang vor den anderen Regeln des Lesers mit gleichem Gewicht. Die Stylesheets von Webseitenerstellern und -lesern übertreffen die integrierten Stylesheets des Browsers.
Webseitenautoren sollten ! important-Regeln mit Vorsicht verwenden, da sie alle wichtigen Regeln des Benutzers außer Kraft setzen. Beispielsweise kann ein Benutzer aufgrund visueller Einschränkungen große Schriftarten oder bestimmte Farben benötigen und bestimmte Stilregeln als wichtig deklarieren, da diese Stile für Benutzer zum Lesen von Webseiten äußerst wichtig sind. Alle wichtigen Regeln haben Vorrang vor den allgemeinen Regeln. Daher wird empfohlen, dass Webseitenautoren allgemeine Regeln verwenden, um sicherzustellen, dass Benutzer mit besonderen Stilanforderungen die Webseite lesen können.
Auswahlregeln: Berechnete Attribute basieren auf ihrer Attributebene. Stylesheets können auch widersprüchliche Stylesheets überschreiben. Dies ist lediglich ein Statistikspiel, das die angegebene Anzahl von Selektoren zählt.
Zählen Sie die Anzahl der ID-Attribute im Selektor.
Zählen Sie die Anzahl der CLASS-Attribute im Selektor.
HTML-Tagnamenformat in der Statistikauswahl.
Schreiben Sie abschließend die drei Zahlen in der richtigen Reihenfolge ohne Leerzeichen oder Kommas, um eine dreistellige Zahl zu erhalten. (Beachten Sie, dass Sie die Zahl in eine größere Zahl umwandeln müssen, die mit drei Ziffern endet.) Anhand der endgültigen Liste der dem Selektor entsprechenden Zahlen lässt sich leicht feststellen, dass die Eigenschaften der höheren Zahl diejenigen der niedrigeren Zahl überschreiben. Das Folgende ist eine Liste von Selektoren, die nach Merkmalen klassifiziert sind: #id1 {xxx} /* a=1 b=0 c=0 ——> Merkmale = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Merkmale = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Merkmale = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */Die Reihenfolge der Features dient der Zweckmäßigkeit. Wenn zwei Regeln das gleiche Gewicht haben, wird die spätere verwendet.
Wenn mehrere Stylesheets verwendet werden, müssen die Stylesheets um die Kontrolle über bestimmte Selektoren konkurrieren. In diesen Fällen gibt es immer Stylesheet-Regeln, die die Kontrolle erlangen. Die folgenden Eigenschaften bestimmen das Ergebnis konkurrierender Stylesheets.
Wie bereits erwähnt, haben sowohl Autoren als auch Leser von Webseiten die Möglichkeit, Stylesheets festzulegen. Wenn die beiden Regeln in Konflikt geraten, haben die Regeln des Webseitenerstellers Vorrang vor den anderen Regeln des Lesers mit gleichem Gewicht. Die Stylesheets von Webseitenerstellern und -lesern übertreffen die integrierten Stylesheets des Browsers.
Webseitenautoren sollten ! important-Regeln mit Vorsicht verwenden, da sie alle wichtigen Regeln des Benutzers außer Kraft setzen. Beispielsweise kann ein Benutzer aufgrund visueller Einschränkungen große Schriftarten oder bestimmte Farben benötigen und bestimmte Stilregeln als wichtig deklarieren, da diese Stile für Benutzer zum Lesen von Webseiten äußerst wichtig sind. Alle wichtigen Regeln haben Vorrang vor den allgemeinen Regeln. Daher wird empfohlen, dass Webseitenautoren allgemeine Regeln verwenden, um sicherzustellen, dass Benutzer mit besonderen Stilanforderungen die Webseite lesen können.
Auswahlregeln: Berechnete Attribute basieren auf ihrer Attributebene. Stylesheets können auch widersprüchliche Stylesheets überschreiben. Dies ist lediglich ein Statistikspiel, das die angegebene Anzahl von Selektoren zählt.
Zählen Sie die Anzahl der ID-Attribute im Selektor.
Zählen Sie die Anzahl der CLASS-Attribute im Selektor.
HTML-Tagnamenformat in der Statistikauswahl.
Schreiben Sie abschließend die drei Zahlen in der richtigen Reihenfolge ohne Leerzeichen oder Kommas, um eine dreistellige Zahl zu erhalten. (Beachten Sie, dass Sie die Zahl in eine größere Zahl umwandeln müssen, die mit drei Ziffern endet.) Anhand der endgültigen Liste der dem Selektor entsprechenden Zahlen lässt sich leicht feststellen, dass die Eigenschaften der höheren Zahl diejenigen der niedrigeren Zahl überschreiben. Das Folgende ist eine Liste von Selektoren, die nach Merkmalen klassifiziert sind: #id1 {xxx} /* a=1 b=0 c=0 ——> Merkmale = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Merkmale = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Merkmale = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */Die Reihenfolge der Features dient der Zweckmäßigkeit. Wenn zwei Regeln das gleiche Gewicht haben, wird die spätere verwendet.