Eine gründliche Studie von CSS (1)

CSS Gründliche Recherche (1)

Github-Seiten-Blog

Basic Selector

Markup Selector h1 {...}

Kategorie. ...}, zwei Klassen arbeiten gleichzeitig, wie zum Beispiel class = 'one two', wenn es einen Konflikt gibt, wird der ehemalige

ID-Selektor #id{...}

zusammengesetzter Selektor: Zwei oder mehr Selektoren, auf unterschiedliche Weise verbunden

Schnittpunkt

h3.class_name { ... }

Der erste muss ein Tag sein Selektor, der zweite muss (Kategorieselektor) oder (ID-Selektor) sein, es gibt kein Leerzeichen in der Mitte und muss kontinuierlich geschrieben werden

Union-Selektor a_selector, b_selector sind mehrere Selektoren

Nachkommenselektor

div p { /* p unterhalb des div, einschließlich aller Nachkommen*/}

div>direkte Nachkommen von pdiv

CSS-Vererbung

Der enthaltene kleine Container erbt den Stil des größeren Containers, der ihn enthält

ABCD

h1{ color : red ; Dekoration: underline;}em { color: blue;}

Das Ergebnis ist wie in der Abbildung gezeigt, em erbt die Unterstreichung von h1

CSS-Priorität

Inline-Stil (style=) > ID-Stil (#id) > . Das Obige ist, dass CSS den Inhalt von (1) gründlich recherchiert. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).