Unterschied zwischen „ul > li“ und „ul li“

Unterschied zwischen „ul > li“ und „ul li“

Was ist der unterschied zwischen diesen 2 Anweisungen in CSS?\r\nul li { padding-left:10px; }\r\nul > li { padding-left:10px; }\r\n\r\nAlso ich hab mich da mal kurz schlau gemacht und gleich mal einen TEST damit gemacht!\r\n\r\nAlso ich hab bis jetzt immer den 1. genommen doch der 2. ist gar nicht mal so unwichtig!\r\n\r\nVersuch 1:\r\n\r\n<style>\r\nul li { padding-left:15px;}\r\n</style>\r\n\r\n<ul>\r\n<li>Das ist ein TEXT</li>\r\n<li>Das auch!</li>\r\n<ol>\r\n<li>Das ist noch ein Versuch!</li>\r\n<li>Das ist noch ein Versuch!</li>\r\n</ol>\r\n</ul>\r\n\r\nErgebnis:\r\n\r\n\r\nVersuch 2:\r\n\r\n<style>\r\nul > li { padding-left:15px;}\r\n</style>\r\n\r\n<ul>\r\n<li>Das ist ein TEXT</li>\r\n<li>Das auch!</li>\r\n<ol>\r\n<li>Das ist noch ein Versuch!</li>\r\n<li>Das ist noch ein Versuch!</li>\r\n</ol>\r\n</ul>\r\n\r\nErgebnis:\r\n\r\n\r\n\r\nMan kann hier genau erkennen wo der Abstand gesetzt wird – und zwar nur beim Kind Element!!

1 Kommentar

Schreiben Sie einen Kommentar http://www.forgestal.com/

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.