HilfDirSelbst.ch: Web allgemein: HTML und CSS / Stylesheets: Kindselektor

Kindselektor

Linzenkirchner

Beiträge gesamt: 864

4. Apr 2014, 23:29
Bewertung:

gelesen: 2202

Beitrag als Lesezeichen

Hallo,

Diesen Code:

Code

<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<title>Title</title> 
	<style> 
		ul > li {color: green;} 
	  	p > em {color: green;} 
	</style> 
</head> 
<body> 
<ul>	 
	<li>Kind von ul (grün)</li> 
	<li>Kind von ul(grün) 
			<ol> 
				<li>Nachfahre von ul und Kind von ol (?????)</li> 
			</ol> 
	</li> 
	<li>Kind von ul (grün)</li> 
</ul> 
<p><em>Kind (ürün)</em><del><em>Nachfahre (nicht grün)</em></del></p> 
 
</body> 
</html>

verstehe ich nicht. Nachfahre von ul und Kind von ol (?????) sollte nicht grün sein, ist es aber. Kann mir das jemand erklären?

Danke!
-----
Peter Linzenkirchner
http://www.lisardo.de

Kindselektor

Linzenkirchner

Beiträge gesamt: 864

4. Apr 2014, 23:51
Bewertung:

gelesen: 2182

Beitrag als Lesezeichen

OK, wenn man lang genug drüber nachdenkt, versteht man es halt doch :-)

ul > li formatiert tatsächlich nur das li direkt unter ul. Da ich aber den Text umgefärbt habe, vererbt sich diese Farbe einfach weiter auf alle Nachfolger von li, also auch auf ol li - die sind ja in li genistet. Das ist durchaus logisch.

Klar wird es, wenn ich nicht nur Farbe nehme:

Code

<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<title>Title</title> 
	<style> 
		ul > li {color: green;list-style: none;} 
	</style> 
</head> 
<body> 
<ul>	 
	<li>Kind von ul (grün)</li> 
	<li>Kind von ul(grün) 
			<ol> 
				<li>Nachfahre von ul und Kind von ol (?????)</li> 
			</ol> 
	</li> 
	<li>Kind von ul (grün)</li> 
</ul> 
</body> 
</html>

Jetzt ist ol li grün (übernommen vom li, in das ol genestet ist), aber behält seine Nummerierung, weil list-style:none nicht automatisch auf ol vererbt wird.

Sorry, aber manchmal fällt einem die Antwort ein, wenn man die Frage mal ordentlich formuliert hat.
-----
Peter Linzenkirchner
http://www.lisardo.de

Kindselektor

FSt

Beiträge gesamt: 1965

5. Apr 2014, 00:27
Bewertung:

gelesen: 2170

Beitrag als Lesezeichen

Ich bin froh, dass ich Dir so spontan und erfolgreich hab helfen können
^^

PS:
Was meinst Du wie oft mir das schon passiert ist.

Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
https://www.wpms.ch