Temat: Różnica między np. ul li a ul > li ?

Siema!
Wiem, że to może głupie pytanie, ale może mi ktoś wytłumaczyć różnicę między ul li a ul > li ?
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: Różnica między np. ul li a ul > li ?

Sprawa jest prosta :)

UL > LI oznacza każde LI które jest bezpośrednim dzieckiem UL, a UL LI oznacza każde LI będące potomkiem UL - niekoniecznie bezpośrednim. Akurat listy nie są tutaj najlepszym przykładem ponieważ bezpośrednim dzieckiem listy uporządkowanej (OL) bądź nieuporządkowanej (UL) może być tylko element listy (LI).

Przykład selektora ">": http://jsfiddle.net/BNyb9/2/

EDIT: w tym momencie trzeba się jeszcze zapoznać z priorytetami w CSS by wiedzieć dlaczego DIV > A będzie nadpisywało DIV A niezależnie od tego w jakiej kolejności w kodzie się pojawią ale już np. BODY DIV A { color: blue; } sprawiłoby, że wszystkie nasze linki w przykładzie zmienią kolor na niebieski (http://jsfiddle.net/BNyb9/4/) - polecam jakąś dobrą książkę o CSS, tam wszystko będzie z pewnością wyjaśnione :)Ten post został edytowany przez Autora dnia 30.10.13 o godzinie 14:20

Temat: Różnica między np. ul li a ul > li ?

też tak myslalem :) dzieki ma +



Wyślij zaproszenie do