Autor Zpráva
crater
Profil *
#1 · Zasláno: 25. 11. 2004, 15:04:29
Odpovědět Citovat
Jaký je rozdíl mezi class a id ve stylech css ???
Plaváček
Profil
#2 · Zasláno: 25. 11. 2004, 15:06:52
Odpovědět Citovat
ID je jedinečný identifikátor nějakého prvku a v rámci jedné stránky se nesmí opakovat. CLASS neboli třída se opakovat může a slouží především k jednotnému stylování prvků, ke kterým je přiřazena.
crater
Profil *
#3 · Zasláno: 25. 11. 2004, 15:08:37
Odpovědět Citovat
A potom proč ID potřebujeme, když ho může zastoupit CLASS???
Petra
Profil
#4 · Zasláno: 25. 11. 2004, 15:11:19
Odpovědět Citovat
Zastupitelný je id pouze co se týče formátování. Id je potřeba potom třeba pro javascript, kdy se pomocí něj odkazujeme na nějaký element (getElementByID).
Wan-To
Profil *
#5 · Zasláno: 25. 11. 2004, 15:57:01
Odpovědět Citovat
Rozdíl:

<style type = "text/css">
.selektor_pro_class {color: Green;}
#selektor_pro_id {color: Red}
</style>
</head>
<body>
<div id = "selektor_pro_id">Cervena</div>
<p class = "selektor_pro_class">Zelezy odstavec</p>

Už chápeš, jakej je rozdíl pro CSS?
crater
Profil *
#6 · Zasláno: 25. 11. 2004, 16:02:45
Odpovědět Citovat
Už chápeš, jakej je rozdíl pro CSS?

Ne.
Wan-To
Profil *
#7 · Zasláno: 25. 11. 2004, 16:06:21
Odpovědět Citovat
Mno, pokud chceš přiřazovat styly prvkům podle id, selektor musí začínat '#'. Pokud podle class, tak začíná na '.'. Lepší je používat class, protože id musí být jedinečné pro každý prvek (dělalo by to problémy v JS).
crater
Profil *
#8 · Zasláno: 25. 11. 2004, 16:10:15
Odpovědět Citovat
Ani moc ne-e, když tvořím boxy tak mám použít co?
crater
Profil *
#9 · Zasláno: 25. 11. 2004, 16:13:24
Odpovědět Citovat
A jaký je tedy rozdíl v:

<html>
<head>
<style type = "text/css">
.selektor_pro_class {color: Green;}
.selektor_pro_id {color: Red}
</style>
</head>
<body>
<p class = "selektor_pro_id">Cervena</p>
<p class = "selektor_pro_class">Zelezy odstavec</p>
</body>
</html>

a v:

<html>
<head>
<style type = "text/css">
#selektor_pro_class {color: Green;}
#selektor_pro_id {color: Red}
</style>
</head>
<body>
<div id = "selektor_pro_id">Cervena</div>
<br>
<div id = "selektor_pro_class">Zelezy odstavec</div>
</body>
</html>

jinak já css chápu dkonale, nejsem začátečník :-D jen tohle mi nejde do hlavy proč nepoužívat všude CLASS
Wan-To
Profil *
#10 · Zasláno: 25. 11. 2004, 16:33:19
Odpovědět Citovat
Já jsem taky neřikal, že máš používat id. Ptal ses, jaký je rozdíl mezi id a class, tak jsem uvedl příklad.
Ale např. id = "id_ahoj" můžeš použít na celý stránce JEN jednou, kdežto class = "trida_ahoj" se může opakovat kolikrát chceš. A nebude tě pak buzerovat JS ;-)

Jinak používaní ID pro CSS nemá podle mě žádný význam.
Anonymní
Profil *
#11 · Zasláno: 25. 11. 2004, 16:35:29
Odpovědět Citovat
Protože id je kratší :-) Ale jinak v rámci CSS není problém používat class všude.
crater
Profil *
#12 · Zasláno: 25. 11. 2004, 16:40:06
Odpovědět Citovat
O tom, že CLASS se dá používat několikrát a ID jen jednou vím ale moje otázka stále nebyla zodpovězena a proto se také přikláním k používaní ID pro CSS nemá podle mě žádný význam
Wan-To
Profil *
#13 · Zasláno: 25. 11. 2004, 16:42:44
Odpovědět Citovat
Odpověď:
Jaký je rozdíl mezi class a id ve stylech css ???

Žádný ;-)
crater
Profil *
#14 · Zasláno: 25. 11. 2004, 16:51:51
Odpovědět Citovat
Díky o to my šlo, ovšem teď je ta otázka "proč vlastně ID existuje" :-D
habendorf
Profil
#15 · Zasláno: 25. 11. 2004, 17:04:54
Odpovědět Citovat
Např kvůli použití v JS
crater
Profil *
#16 · Zasláno: 25. 11. 2004, 17:22:16
Odpovědět Citovat
Např co myslíš ???
izsak
Profil
#17 · Zasláno: 25. 11. 2004, 18:59:08
Odpovědět Citovat
ID jednoznačne identifikuje daný element.
To sa využíva nielen v JS skripte (document.getElementById()), ale aj v URI:
index.html#element - v tomto prípade atribút id nahradzuje <a name="element"></a>

ID má veľkú sémantickú hodnotu, keďže jednoznačne identifikuje element. V XML dokumente so zoznamom užívateľov bude jednoznačne označovať daného užívateľa.
Yuhů
Profil
#18 · Zasláno: 26. 11. 2004, 10:53:00 · Upravil/a: Yuhů
Odpovědět Citovat
cratere, kladeš dobré otázky.

V CSS fakt není žádný rozdíl mezi class a id.

V javascriptu jo.

Ale dám ti radu: nehledej v dělání stránek přísnou logiku. Není tam. Prohlížeče a webové jazyky vznikly (stejně jako ženy) evolucí.
crater
Profil
#19 · Zasláno: 26. 11. 2004, 13:04:37
Odpovědět Citovat
:-D hehe díky móc
Časová prodleva: 4 měsíce
Ifča
Profil
#20 · Zasláno: 14. 3. 2005, 13:05:41
Odpovědět Citovat
Ještě se vrátím k tomu rozdílu mezi ID a class.
Když mohu ID použít jen jednou, takže nelze to takhle???
<div id="vlevo-null">
<div id="vlevo">
<h1>Menu 1</h1>
<p>prvni menu</p>
</div>
<div id="vlevo">
<h1>Menu 2</h1>
<p>druhe menu</p>
</div>
</div>

Nebo id="vlevo"´musím rozdělit na id="vlevo1" a id="vlevo2" ???
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0