Unterschied zwischen “ul > li” und “ul li”
Was ist der unterschied zwischen diesen 2 Anweisungen in CSS?
ul li { padding-left:10px; }
ul > li { padding-left:10px; }
Also ich hab mich da mal kurz schlau gemacht und gleich mal einen TEST damit gemacht!
Also ich hab bis jetzt immer den 1. genommen doch der 2. ist gar nicht mal so unwichtig!
Versuch 1:
<style>
ul li { padding-left:15px;}
</style>
<ul>
<li>Das ist ein TEXT</li>
<li>Das auch!</li>
<ol>
<li>Das ist noch ein Versuch!</li>
<li>Das ist noch ein Versuch!</li>
</ol>
</ul>
Ergebnis:
Versuch 2:
<style>
ul > li { padding-left:15px;}
</style>
<ul>
<li>Das ist ein TEXT</li>
<li>Das auch!</li>
<ol>
<li>Das ist noch ein Versuch!</li>
<li>Das ist noch ein Versuch!</li>
</ol>
</ul>
Ergebnis:
Man kann hier genau erkennen wo der Abstand gesetzt wird – und zwar nur beim Kind Element!!
Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.
Gut zu wissen,
danke für diese nützliche Info.