Rozdíl mezi třídou a id v CSS

Atributy prvků CSS jsou často předmětem diskuse mezi profesionály a fandy. Je nutné použít jeden nebo druhý, jak účelné je dosáhnout stejného výsledku, který kód bude méně nákladný a správnější a neustále se diskutuje o podobných otázkách, včetně dotyku na atributy třídy a id.

Obsah článku

  • Definice
  • Porovnání
  • Závěry

Definice

Div třída - atribut prvku, který jej přiřadí třídě.

Div id - atribut prvku, který jej jedinečně identifikuje.

na obsah ↑

Porovnání

Rozdíl mezi třídou a id v CSS se nepovažuje za kardinál, a to se často aplikuje v závislosti na zaujatosti autora. Hlavní rozdíl mezi třídou a id spočívá v tom, že první může být přiřazen několika prvkům, druhý je jedinečný a je přiřazen jednomu prvku na stránce. Použití div id se vyhne víceúrovňovému vnoření, které je výsledkem použití třídy div.

Kromě toho lze atribut id na rozdíl od třídy použít pro kotevní odkazy, proto stačí uvést jeho prvek a označit jej jako kotvu. Také id bude mít prioritu v tabulce CSS, pokud je nastavena současně s třídou. Ten zase umožňuje použít na jeden prvek mnoho tříd. Názvy tříd lze psát mezerami, identifikátor takového hovoru neznamená. Další výhodou id je schopnost vyhledávat element v kódu pomocí tohoto atributu pomocí funkce document.getElementById ().

na obsah ↑

Závěry

  1. Div třída - přiřadí třídu elementu, div id - identifikuje.
  2. Třída je přiřazena k více prvkům, ID je na stránce jedinečné.
  3. Více tříd lze přiřadit jednomu prvku prostřednictvím třídy a pouze jednomu id.
  4. Priorita CSS je id.
  5. Vyhledávání kódu podle atributu id je snazší.