Rozdiel medzi triedou a id v CSS

Atribúty prvkov CSS sú často predmetom diskusie medzi odborníkmi a nadšencami. Je potrebné uplatniť to alebo ono, ako je to vhodné pre rovnaký výsledok, ktorý kód bude lacnejší a presnejší a otázky, ako sú tieto, sa neustále diskutuje, vrátane dotýkania sa atribútov triedy a id.

Obsah článku

  • definícia
  • nákupný
  • zistenie

definícia

Div trieda - atribút prvku, ktorý ho priraďuje k triede.

Div id - atribút prvku, ktorý ho jedinečne identifikuje.

na obsah ↑

nákupný

Rozdiel medzi triedou a ID v CSS sa nepovažuje za kardinál, a to sa často uplatňuje v závislosti od zaujatosti autora. Hlavný rozdiel medzi triedou a id je v tom, že prvý môže byť priradený viacerým prvkom, druhý je jedinečný a je priradený jednému prvku na stránke. Použitie div id sa vyhýba viacúrovňovému vnoreniu, ku ktorému dochádza pri použití triedy div.

Atribút id sa na rozdiel od triedy dá použiť na kotvové spojenia, preto stačí uviesť jeho element a označiť ho ako kotvu. ID bude mať prioritu aj v tabuľke CSS, ak je nastavená súčasne s triedou. Posledne uvedený vám umožňuje aplikovať veľa tried na jeden prvok. Názvy tried je možné písať medzerami, identifikátor takéhoto volania neznamená. Ďalšou výhodou id je schopnosť vyhľadávať element v kóde pomocou tohto atribútu pomocou funkcie document.getElementById ().

na obsah ↑

zistenie

  1. Div trieda - priradí triedu elementu div id - identifikuje.
  2. Trieda je priradená viacerým prvkom, ID je na stránke jedinečné.
  3. Viacerým triedam možno priradiť viac tried prostredníctvom jednej triedy a iba jednému id.
  4. Priorita CSS je id.
  5. Vyhľadávanie kódu podľa atribútu id je jednoduchšie.