nelamurire in css

Salut,
Am si eu o nelamurire,poate pentru voi e banal dar sincer mi-a dar de gandit pentru ca eu nu am folosit asa ceva in layout-urile facute.Sa trec la subiect,am deschis niste template-uri si m-am uitat in fisierul css si am vazut ceva de genul :
#menu {...
#menu ul {...
#menu ul li {....
#menu ul li a {..
#menu ul li a:hover {..
#menu ul li#current a {...

si nu inteleg de ce se repeta elemetele in fiecare id....si d c nu au facut pentru fiecare id separat??? o explicatie mai in amanunt sa ma faca sa inteleg mi-ar fi de mare folos!

si inca o chestie
#header {..
#header h1#logo-text a {..
#header p#slogan {..
#header #header-links {..

aceiasi problema numai ca aici sunt 2 clase pe acelasi rand. de ce? avantaj?

Eu cand am invatat css am invatat sa scriu totul in ordine ,cu fiecare tag ,clasa si id . Deci de ce se repeta?
O zi buna (chiar daca ploua).

Pe scurt: pt primul bloc regulile se traduc cam asa:
#menu - regula aplicata pt elementul cu id-ul menu
#menu ul - regula se aplica pt toate ul-urile care sunt descendenti (directi sau indirecti) ai elementului de mai sus.
#menu ul li - regula se aplica pt toate elementele li care sunt descendenti ai unui ul (oricare), car la randul sau este descendent al primului element din sir.\
restul nu le mai explic, banuiesc ca ai prins ideea.

Pt al doilea bloc: # nu inseamna clasa inseamna ID (cauta pe net) si asta e complet diferit de o clasa. Un id este unic, in timp ce o clasa se poae repeta pe oricate elemente.

Pe scurt pt al doilea bloc:
#header - la fel ca prima regula de mai sus
#header h1#logo-text a - toate elementele de tip a care sunt descendenti ai h1-lui cu id logo-text care la randul sau este descendent al elementului cu id header.
#header p#slogan - elementul p cu id slogan care este descendent elementului cu id header
banuiesc ca ai prins ideea si aici, asa ca nu o sa mai explic in continuare.

Further reading:
http://dorward.me.uk...ss/inheritance/
http://www.tizag.com/cssT/class.php
http://www.tizag.com/cssT/cssid.php
http://www.w3.org/TR...2/selector.html
http://www.w3.org/TR...21/cascade.html
http://www.w3.org/TR...tml#specificity

ce ai invatat tu valoreaza fix 0 in real life. Nu exista o regula cum iti scrii css-ul, desi ar trebui sa folosesti cat mai mult specificitatea si sa eviti sa declari reguli general valabile. tu ai invatat mecanic din cate imi dau eu seama, de unde si nelamuririle tale.

Edited by xnoise, 15 April 2008 - 19:38.

ms mult . RESPECT

u welcome