Heim > Web-Frontend > Front-End-Fragen und Antworten > Welche Arten von CSS-Stylesheets gibt es? Was ist Selektorpriorität?

Welche Arten von CSS-Stylesheets gibt es? Was ist Selektorpriorität?

青灯夜游
Freigeben: 2023-01-07 11:45:56
Original
4162 Leute haben es durchsucht

Es gibt drei Arten von CSS-Stylesheets: Inline-Stylesheets, interne Stylesheets und externe Stylesheets. Die Selektorpriorität ist: „Universalselektor>Elementselektor>Klassenselektor>Attributselektor>Pseudoklasse>ID-Selektor>Inline-Stil“.

Welche Arten von CSS-Stylesheets gibt es? Was ist Selektorpriorität?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Welche Arten von CSS-Stylesheets gibt es?

Je nachdem, wo CSS-Stile geschrieben werden (oder wie sie eingeführt werden), können CSS-Stylesheets in die folgenden drei Kategorien unterteilt werden:

1. Inline-Stylesheets

Inline-Stil bedeutet die Platzierung von CSS-Stilen direkt innerhalb der Codezeile Im Tag wird es normalerweise in das Stilattribut des Tags eingefügt. Da der Inline-Stil direkt in das Tag eingefügt wird, ist dies der direkteste Weg und auch der umständlichste Stil zum Ändern .

Beispiel:

rrree

2. Internes Stylesheet

Das interne Stylesheet ist im