[CSS] třídy vs identifikátory

[Aigor]

Ahoj,

mohl by mi někdo polopaticky vysvětlit jaký je v CSS rozdíl mezi třídou (.foo) a indentifikátorem (#foo). Ať hledám na webu jak chci, nejsem z toho moudrej.

To že musím v HTML použít třídu jako class="foo" a identifikátor jako id="foo" chápu, ale nerozumím větě "takto pojmenovaný identifikátor na jedné straně nebudeme moci dále využít". Tzn. že smím mít jediný id="foo" na celé stránce ? Ale IE i Firefox mi dokazují, že je to nesmysl

[Prtik]

Ano. Identifikator by mel byt jedinecny na strance.
Identifikatory pouzivam pro design bloku stranky.
Tridy pak na casti, ktere se mohou opakovat.

[Aigor]

Takže to sice chápu správně, ale prohlížeče tuto vlastnost ignorují ?

[Prtik]

Jak se na to tvari validatory XHTML?
Prohlizec mi taky skousne id="548", ale validator zve, ze identifikator nemuze zacinat cislem.
Uz jsi videl prohlizec, ktery splnuje 100% standardy?

[Anduril]

Ono to sice funguje i kdyz je stejnych id vice, ale tyka se to akorat CSS. id se pouziva treba ve spojeni s javascriptem (getElementById) - jak se prohlizec zachova potom pri vice stejnych idckach?
Proto by se melo dodrzovat ID jednou. Stejne jako Prtik je pouzivam na oznaceni zakladnich stavebnich bloku stranky, tridy pak na formatovani textu nebo na opakujicic se casti stranky. Tridu muzes klidne pridat i k elementu s ID.

[Aigor]

Díky pánové, už je mi to jasnější. Chtěl jsem jenom vědět jestli sem to blbě pochopil já, nebo to prohlížeč zkousne kvůli BFU
U javascriptu to dává smysl, v čistým HTML mi pořád ucházel smysl takovéhoto omezení.

PS: Zajímavý je, že v některé literatuře k CSS se používají na VŠECHNY elementy na stránce jen třídy a v jiném zdroji zase jen identifikátory. Pak z toho nemám mít guláš