Razlika između klase i ID-a u CSS-u

Atributi CSS elemenata često su predmet rasprave između profesionalaca i hobista. Je li potrebno primijeniti jedno ili drugo, koliko je to korisno za identičan rezultat, koji će kôd biti jeftiniji i ispravniji, a slična se pitanja neprestano raspravljaju, uključujući dodirivanje atributa klase i id-a.

Sadržaj članka

  • definicija
  • usporedba
  • nalazi

definicija

Div klasa - atribut elementa koji ga dodjeljuje klasi.

Div id - atribut elementa koji ga jedinstveno identificira.

do sadržaja ↑

usporedba

Razlika između klase i id-a u CSS-u ne smatra se kardinalnom i često se primjenjuje ovisno o pristranosti autora. Glavna razlika između klase i id je ta što se prvi može dati nekoliko elemenata, drugi je jedinstven i dodijeljen je jednom elementu na stranici. Korištenjem div id-a izbjegava se višerazinsko gniježđenje koje nastaje upotrebom div klase.

Pored toga, atribut id, za razliku od klase, može se koristiti za sidrne veze, za to je dovoljno dati njegov element i taj element nazvati sidrom. Id će id imati prioritet u CSS tablici ako je postavljen istovremeno s klasom. Potonji vam zauzvrat omogućuje primjenu mnogih klasa na jedan element. Imena klase mogu se pisati s razmacima, identifikator takvog poziva ne podrazumijeva. Još jedna prednost ID-a je mogućnost pretraživanja elementa u kodu po ovom atributu pomoću funkcije document.getElementById ().

do sadržaja ↑

nalazi

  1. Div class - dodjeljuje klasu elementu, div id - identificira.
  2. Razred je dodijeljen više elemenata, id je jedinstven na stranici.
  3. Više klasa može se dodijeliti jednom elementu putem klase, a samo jedan id.
  4. CSS prioritet je id.
  5. Pretraživanje koda po atributu id je lakše.