Dotaz: CSS ID vs CLASS

[marky]

ahoj, tady se pise, ze pro css plati

class Třída elementu používaná pro CSS. Umožňuje jednoduché označení elementu, který má mít jiný vzhled.

id

Identifikátor, který by měl být jednoznačný. Používá se pro CSS a skripty.

muze mi prosim nekdo vysvetli jak je to mysleno? u id se pise, ze by mel byt jednoznacny. Jako ze nazev ma byt jednoznacny? a jaky je jiny rozdil, pouzivat kdy class a kdy id. Moc dekuji za pomoc

---

---

Odpovědi

[Jesus Jimenez]

na jednej stranke moze byt viacero tagov s rovnakym class, ale s danym id len jeden. Pomocou id sa potom v CSS ci javascripte odkazuje na ten jeden konkretny element/tag.

[marky]

diky ale porad nevim kdy pouzit id a kdy pouzit class..

[Jendа]

id použij tehdy, pokud se budeš chtít na ten konkrétní element někdy odkázat.

[Jesus Jimenez]

Na strance budete mit treba dva DIVy. U obou budete pozadovat, aby mely 1px border, nastavite jim tedy stejnou class (pricemz v css v teto class bude specifikovan border: 1px solid black). Potom ovsem budete resit situaci, kdy chcete do prvniho DIVu pridavat elementy a kdyz nastavite prvnimu DIVu id napr div1, druhemu div2, budete moci pres document.getElementById vybrat konkretni DIV. Je to jasnejsi?

[marky]

no ani moc ne no :( ale skusim to napsat prikladem.

tak ze klidne muzu napsat vsechny divy jako id?

div id hlavicka

div id menu

div id obal

div id obsah

div id submenu

div id paticka

div id reklama

i kdyz je treba id menu vnorene do divu hlavicka a id obsah a id submenu vnorene do divu obal?

dekuji

[Jesus Jimenez]

Treba s timhle tady http://www.jakub-boucek.cz/blog/id-vs-class/ se da docela souhlasit ;)

[Toman]

Ano můžeš. Jde o tu jedinečnost. Třeba takto - hlavička je na stránce právě jedna, menu je na stránce právě jedno, obsah je právě jeden, submenu je právě jedno, patička je právě jedna. U vše jmenovaných použiješ id. Pokud bys například měl více reklam, které by měly stejné vlastnosti, tak použiješ class.

<div id="obal">
  <div class="reklama">
    ...
  </div>
  <div id="obsah">
  ...
  </div>
  <div class="reklama">
    ...
  </div>
</div>

[Šangala]

Pokud se jedná o css, tak raději, pro obal i obsah uveďte class ne id, nejdíve zítra budete dělat nějakou změnu a budete chtít celé to do něčeho vložit a nastanou problémy s id.
class můžete mít právě pro jeden element.
A je to pak ekvivalent id, s tím, že do budoucna to není nebezpečné.
id je vhodné v zásadě jen pro adresaci z js scriptu (ale nesmí začínat číslem :)) - samozřejmě, jak hodně věcí, to neplatí na 100 %.
Dobré je zmínit, že lze mít v class uvedeno více tříd, použití dvou není zas tak neobvyklé:
Např. class="money sum" - prvek zformátuje podle obou tříd.

Upravil bych ukázku takto:

<div class="obal">
  <div class="reklama">
    ...
  </div>
  <div class="obsah">
  ...
  </div>
  <div class="reklama">
    ...
  </div>
</div>

Máte totéž a nepříjemnostem se vyhnete…
A pokud budete chtít přidat id pro použítí v js přidáte jej:

<div class="obal" id="obalid-1" >
  <div class="reklama">

ale v definici css na něj budete dále kašlat jakoby tam nebylo.

[Toman]

Takže podle Vás není stylování za použití id dobré?

[Šangala]

Když to chcete slyšet, »tak podle mě«:
„Obvykle není id pro stylování nutné a obvykle ani není vhodné“.