nicht angemeldet
kontextuelle selektoren
Hallo,
kann mir jemand sagen was ich falsch mache? Der Text "blabla" wird nicht in rot angezeigt:
#container {border: 1px solid #000; background: #CCC;}
#container p ul li span { color: #F00;}
<body>
<div id="container">
<p>
<ul>
<li>
<span>
blabla
</span>
</li>
</ul>
</p>
</div>
</body>
Das hier geht hingegeben: #container span {color: #F00;}
Danke.
Kali
-
kann mir jemand sagen was ich falsch mache? Der Text "blabla" wird nicht in rot angezeigt:
#container {border: 1px solid #000; background: #CCC;}
#container p ul li span { color: #F00;}
<body>
<div id="container">
<p>
<ul>
<li>
<span>
blabla
</span>
</li>
</ul>
</p>
</div>
</body>
Das hier geht hingegeben: #container span {color: #F00;}Ein p Element darf keine Blockelemente enthalten.
Der Browser korrigiert und schliesst das <p> vor dem <ul>, wodurch dein Selektor nicht zutrifft.mfg Beat;
-
Danke fuer die schnelle Antwort!
Gruss
Kali
-