Autor Zpráva
Anonymní
Profil *
<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.
Spikee
Profil
Myslím, že tu je vysvetlené http://www.jakpsatweb.cz/css/css-tridy-class.html .
DJ Miky
Profil
Anonymní
#menu můžeš mít na stránkách jen jednou (id="menu"), kdežto .menu víckrát (class="menu")
RPG
Profil
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">
djlj
Profil
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 :)
RPG
Profil
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>
Spikee
Profil
RPG
Nemalo by.
tiso
Profil
RPG
Pridáš len pár bytov do zdrojáku (id je kratšie ako class)
Spikee
Profil
Ako sa píše na odkazovanej stránke:
Identifikátor id se z hlediska CSS chová stejně jako třída class.
Gappa
Profil
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 :)
tiso
Profil
Gappa
Len doplním: ...väčšiu váhu z hľadiska kaskády (CSS)...
llook
Profil
tiso
Jen doplním, že termín kaskáda v CSS nesouvisí s prioritou selektorů.
tiso
Profil
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.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0