Razlika med razredom in ID-jem v CSS-u

Atributi elementov CSS so pogosto predmet razprave med strokovnjaki in hobiji. Ali je treba uporabiti to ali ono, kako primerno je za enak rezultat, katera koda bo cenejša in pravilnejša in o takih vprašanjih se nenehno razpravlja, vključno z dotikom atributov razreda in id.

Vsebina članka

  • Opredelitev
  • Primerjava
  • Sklepi

Opredelitev

Razred Div - atribut elementa, ki ga dodeli razredu.

Div id - atribut elementa, ki ga enolično prepozna.

do vsebine ↑

Primerjava

Razlika med razredom in idom v CSS se ne šteje za kardinalno in se pogosto uporablja to ali ono, odvisno od pristranskosti avtorja. Glavna razlika med razredom in id je v tem, da je prvi mogoče dati več elementom, drugi je edinstven in je dodeljen enemu elementu na strani. Z uporabo id id se izognete večstopenjskemu gnezdenju, ki je rezultat uporabe razreda div.

Poleg tega lahko atribut id, za razliko od razreda, uporabimo za sidrne povezave, za to je dovolj, da daste njegov element in se na ta element sklicujemo kot sidro. Tudi id bo imel prednost v tabeli CSS, če je nastavljen hkrati z razredom. Slednje vam omogoča, da na en element uporabite veliko razredov. Imena razredov se lahko zapišejo s presledki, identifikator takega klica ne pomeni. Druga prednost ID-ja je možnost iskanja elementa v kodi s tem atributom s pomočjo funkcije document.getElementById ().

do vsebine ↑

Sklepi

  1. Razred Div - elementu dodeli razred, div ID pa identificira.
  2. Razred je dodeljen več elementom, id je na strani edinstven.
  3. Skozi razred lahko enemu elementu dodelimo več razredov in samo en id.
  4. Prioriteta CSS je id.
  5. Iskanje kode po atributu id je lažje.