简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
CSS-Regeln werden ohne Klassen angewendet, warum?
P粉795311321
P粉795311321 2023-09-04 13:26:05
0
1
413

Ich definiere CSS-Regeln: 

.info-specs h2, h3, h4, h5 { Schriftgröße: 1,5em; Texttransformation: keine; }

Dies sollte nur für h5 in Elementen mit der Klasse „info-specs“ funktionieren. Bei der Untersuchung stellte ich jedoch fest, dass auch andere h5-Elemente diese Regel verwenden. Warum? Hier ist ein Beispiel: 

.info-specs h2, h3, h4, h5 { Schriftgröße:5em; Texttransformation: keine; }
mytest

P粉795311321
P粉795311321

Antworte allen (1)
P粉308089080
P粉3080890802023-09-05 11:21:47 1 Etage

浏览器的 CSS 解释器将查找任何h3、h4和h5元素，并且仅查找h2 它将查看它是否在.info-specs内。逗号或分组选择器将逗号分隔的所有内容视为单独的选择。

您的问题的可能解决方案是：

/* These select for any h2, h3, h4 and h5 within .info-specs */ .info-specs h2, .info-specs h3, .info-specs h4, .info-specs h5 { text-decoration: underline; } /* These select for ant h2, h3, h4 and h5 that are direct chldren of .info-specs */ .info-specs > h2, .info-specs > h3, .info-specs > h4, .info-specs > h5 { color: red; }
 
In this example the headings within inf-specs will all be underlined but only the headings that are direct children of info-specs will be coloured red.
 
Heading 2
 
Heading 3
 
 
Heading 3 in another div
 
 
Heading 4
 
Heading 5
Wie+0
Antwort hinzufügen
    Beliebte Themen
    Mehr>
    Populäre Artikel
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！