Es gibt viele Selektoren in CSS, wie z. B. Klassenselektoren, Tag-Selektoren, ID-Selektoren usw. Heute werde ich mit Ihnen über die Priorität von CSS-Selektoren sprechen Beachten Sie die Reihenfolge und die Verwendung von !important. Ich hoffe, dass es für Sie nützlich sein wird.
1. !wichtig bedeutet höchste Priorität . Der IE6-Browser erkennt !important nicht.
Beispiel:
Normalerweise hat der unten geschriebene Stil eine höhere Priorität als der oben stehende Stil
demo1{
color:red;
color:green; /*绿色的优先级高于红色，所有浏览器都会显示绿色*/
}Wenn !important hinzugefügt wird, ist seine Priorität relativ höher dumm und ich weiß es nicht.
demo2 {
color:red !important; /*除了ie6，其他浏览器会认为红色优先级高，显示红色字体*/
color:green; /*ie6浏览器则顺序读取css所以显示绿色*/
}Beachten Sie jedoch, dass ie6 die Priorität von !important nicht erkennt. Dies bedeutet jedoch nicht, dass ie6 das Stilattribut mit !important nicht erkennt.
demo3{
color:red;
color:green !important; /*包括ie6，所有浏览器都显示绿色字体，ie6只是不认识优先级罢了*/
}2. CSS (Cascading Style Sheets) Cascading Style Sheets In praktischen Anwendungen gibt es im Allgemeinen drei Cascading-Methoden.
Priorität: Inline-Stylesheet (im Tag) > Eingebettetes Stylesheet (in der aktuellen Datei) >
1. Externer Stil (auf mehrere Webseiten angewendet)
Im externen Stylesheet wird der CSS-Code als separate Datei gespeichert, z. B. in der Datei style.css, die alle Stile enthält . Die externe Kaskadierung in HTML wird mit dem -Tag oder der @import-Anweisung eingeführt.
Der Beispielcode lautet wie folgt:
<link rel="stylesheet" href="style.css" type="text/css" /> //link 链接
@import url("style.css"); //@import 导入Die Ähnlichkeiten und Unterschiede zwischen @import und @import finden Sie in seinem Artikel
2. auf die aktuelle Seite angewendet)
Der CSS-Code der Portal-Website ist normalerweise eingebettet, was allgemein als Inline-Stil (Inline Style) bekannt ist und das