Rozdíl mezi # a .

<style type="text/css">
#menu
{
blablabla;
}
</style>

a

<style type="text/css">
.menu
{
blablabla;
}
</style>

Jaký je mezi tím rozdíl?
S CSS teprve začínám, jinak bych se neptal.
Díky za odpovědi.

Myslím, že tu je vysvetlené http://www.jakpsatweb.cz/css/css-tridy-class.html .

Anonymní
#menu můžeš mít na stránkách jen jednou (id="menu"), kdežto .menu víckrát (class="menu")

DJ Miky
Můžeš mít více prvků se stejným ID. Ale nemělo by se to, už z principu, dělat.

Anonymní

# = identifikátor, jednoznačné označení určitého prvku na stránce.
. = třída, obecné označení určité skupiny prvků.

Obecněji řečeno:

<animal class="human" id="pepa_ondracek" width="2048" height="10240">

Ale nemělo by se to, už z principu, dělat.
Přesně, pokud k tomu budeš pak chtít přistupovat v JS pomocí getElementById(), tak to asi fungovat nebude :)

djlj
Tak, tak. Pro bližší specifikaci určité skupiny zde máme třídy.
Mimochodem, tak mě napadá, stane se něco, když udělám opak? Nebudu používat id vůbec, nahradím jej class?

<div class="stranka">
<div class="menu"></div>
<div class="text"></div>
</div>

RPG
Nemalo by.

RPG
Pridáš len pár bytov do zdrojáku (id je kratšie ako class)

Ako sa píše na odkazovanej stránke:
Identifikátor id se z hlediska CSS chová stejně jako třída class.

Podle mě je z hlediska CSS v ID a CLASS rozdíl :) ID má větší váhu. A z hlediska JS je to jedinečný identifikátor, který se nesmí opakovat (jinak je to nevalidní :)

Ale když napíšu něco takle:

a#odkaz {text-decoration: none;}

a.odkaz {text-docration: underline;}



<a href="#" id="odkaz" class="odkaz">odkaz</a>

Tak už rozdíl mezi ID a CLASS docela je, protože ten odkaz prostě podtrženej nebude :)

Gappa
Len doplním: ...väčšiu váhu z hľadiska kaskády (CSS)...

tiso
Jen doplním, že termín kaskáda v CSS nesouvisí s prioritou selektorů.

llook
Tak to pŕŕ, kaskáda súvisí s id a class - viď časť Cascading order z Tvojej odkazovanej špecifikácie... Pekne popísané je to v knižke od Pixy-ho.