26-06-2013, 01:18
div#menu {.....}
ul.podmenu ul li {....}
pierwszy styl styluje wszystkie divy które mają id=menu
drugi styl styluje wszystkie li w podmenu.
co jedgno ma do drugiego?
Nie rozumiesz idei. W CSS NIE MA DZIEDZICZENIA.
Jest nadpisywanie.
wszystkie divy dostały kolor czerwony. Potem dla jednego konkretnego to nadpisujemy. I tyle.
li w podmenu dostają jakieś stylowanie. Ale chcemy dla dalszego podmenu zmienić jakąś właściwość. To ją nadpisujemy.
PS. tak naprawdę istnieje opcja dziedziczenia z rodzica. Zwie się inherit i używa się jej gdy dziecko ma coś przejąć od rodzica np color:inherit. Raczej bardzo rzadko używane.
ul.podmenu ul li {....}
pierwszy styl styluje wszystkie divy które mają id=menu
drugi styl styluje wszystkie li w podmenu.
co jedgno ma do drugiego?
Nie rozumiesz idei. W CSS NIE MA DZIEDZICZENIA.
Jest nadpisywanie.
Kod:
<div></div>
<div></div>
<div></div>
<div class="dupa"></div>
div {color:red}
div.dupa {color:blue;}
wszystkie divy dostały kolor czerwony. Potem dla jednego konkretnego to nadpisujemy. I tyle.
Kod:
.podmenu li {.....}
.podmenu li ul li {....}
li w podmenu dostają jakieś stylowanie. Ale chcemy dla dalszego podmenu zmienić jakąś właściwość. To ją nadpisujemy.
PS. tak naprawdę istnieje opcja dziedziczenia z rodzica. Zwie się inherit i używa się jej gdy dziecko ma coś przejąć od rodzica np color:inherit. Raczej bardzo rzadko używane.