| Autor | Zpráva | ||
|---|---|---|---|
| Jakubb Profil * |
#1 · Zasláno: 10. 4. 2014, 13:17:22
Ahoj, který zápis je správně? Děkuji
<div class="A" id="a">... <div class="A" id="b">... <div class="A" id="c">... <div id="A" class="a">... <div id="A" class="b">... <div id="A" class="c">... |
||
| Radek9 Profil |
Jakubb:
Nesmíš mít duplicitní ID. Zkus hádat. :-) |
||
| Bubák Profil |
#3 · Zasláno: 10. 4. 2014, 13:30:49
Jakubb:
Koukni na http://jecas.cz/id-class a na Kaskádové styly v dobrém stylu, zejména část Nedopusťte, aby se vám přemnožily třídy. |
||
| Jakubb Profil * |
#4 · Zasláno: 10. 4. 2014, 13:33:32
Radek9:
„Nesmíš mít duplicitní ID“ Díky a nesmí být duplicitní pro ten div ve kterém to je, nebo to platí pro celý web? |
||
| Radek9 Profil |
#5 · Zasláno: 10. 4. 2014, 13:35:04
Jakubb:
Je to jedinečný identifikátor v rámci jednoho dokumentu. Tzn. ne nezbytně pro celý web, ale pro jednu stránku. |
||
| Jakubb Profil * |
#6 · Zasláno: 10. 4. 2014, 13:45:03
Radek9:
No ale pak se v tom stejně v css nevyznám :-( Správně je to tedy takto? <div id="A">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
<div id="B">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
<div id="C">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
div#A.a {}
div#A.b {}
div#A.c {}
div#B.a {}
div#B.b {}
div#B.c {}
div#C.a {}
div#C.b {}
div#C.c {}Díky |
||
| Tomáš123 Profil |
#7 · Zasláno: 10. 4. 2014, 13:57:26
Jakubb:
Áno, ale nikde nie je napísané, že jeden <div> nemôže mať aj #id aj .class naraz.
„No ale pak se v tom stejně v css nevyznám :-(“ Tak tým classám aj idečkam dávaj výstižnejšie názvy
|
||
| Joker Profil |
#8 · Zasláno: 10. 4. 2014, 13:59:04
Jakubb:
„Správně je to tedy takto?“ Podle toho, čeho chcete dosáhnout. |
||
| Tomáš123 Profil |
Jakubb:
Príklad štruktúry stránky so správnym použitím id a class: <html>
<head>
<meta>
<title>Názov webu</title>
</head>
<body>
<div id="hlavička"> <!--Je to jediné v tomto súbore-->
<div class="menu"> <!--môže sa v danom súbore vyskytnúť aj viac krát-->
</div>
</div>
<div id="obsah stránky"><!--zas e to jediné v tomto súbore-->
<p>
</p>
</div>
<div id="päta"> <!--opäť id preto lebo je jediné-->
<div class="menu"> <!--vyskytlo sa ešte raz, preto sa používa class-->
</div>
</div>
</body>
</html>Teoreticky sa nič nestane keď použiješ 2x to isté id, ale správne je id používať iba raz a class koľko krát chceš.
|
||
| Trejpa Profil |
#10 · Zasláno: 10. 4. 2014, 14:18:00
Jakubb:
Ne: div#A.a {}
Ano: div#A .a {}
Ale je zbytečné nastavovat třídu všemu. Stačí vhodné zanořování. |
||
|
Časová prodleva: 10 let
|
|||
0