Detaillierte Erläuterung der CSS-Prioritätsberechnungsmethode

Zu den wichtigsten CSS-Selektoren gehören ID, Klasse, Tag, [],:,:: usw., und die Priorität, die normalerweise beurteilt werden muss, ist ID, Klasse, Tag. Darüber hinaus sind Inline-Stile und !important sind auch Die Priorität von CSS hängt damit zusammen.

Wenn die Prioritäten dieser fünf verschiedenen Situationen in numerischer Form ausgedrückt werden, sind die entsprechenden Beziehungen wie folgt:

!important(10000) &gt ; style(1000) > id(100) > class(10) > tag(1)

Der übliche CSS-Prioritätsvergleich kann in einen numerischen Größenvergleich umgewandelt werden, wie zum Beispiel: #list li und .list .content ul li, die Priorität ist:

100+1=101 > 10+10+1+1=22

Die erstere Die Priorität ist höher als Letzteres.

Die oben genannte CSS-Prioritätsberechnungsmethode (empfohlen) ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Ausführlichere Artikel zu CSS-Prioritätsberechnungsmethoden finden Sie auf der chinesischen PHP-Website!