Różnica między klasą a id w CSS.

Atrybuty elementów CSS są często przedmiotem kontrowersji między profesjonalistami i amatorami. Czy konieczne jest zastosowanie jednego czy drugiego, jak to jest celowe przy identycznym wyniku, jaki kod będzie tańszy i poprawniejszy, a takie pytania są stale dyskutowane, w tym dotyczące atrybutów class i id.

Definicja

Klasa Div - atrybut elementu, który przypisuje go do klasy.

Div id jest atrybutem elementu jednoznacznie go identyfikującym.

Porównanie

Różnica między class i id w CSS nie jest uważana za kardynalną i często używa się jednego lub drugiego w zależności od stronniczości autora. Główna różnica między class a id polega na tym, że pierwszy może być przypisany do kilku elementów, a drugi jest unikalny i przypisany do jednego elementu na stronie. Użycie identyfikatora div pozwala uniknąć wielopoziomowego zagnieżdżania, które wiąże się z używaniem klasy div.

Dodatkowo atrybut id, w przeciwieństwie do class, może być użyty do linków kotwicznych, do tego wystarczy nadać go elementowi i linkować do tego elementu za pomocą Kotwica. Ponadto id będzie mieć pierwszeństwo w tabeli CSS, jeśli zostanie określone w tym samym czasie, co class. To drugie z kolei umożliwia zastosowanie wielu klas do jednego elementu. Nazwy klas można pisać oddzielone spacjami, identyfikator nie implikuje takiego wywołania. Kolejną zaletą id jest możliwość wyszukiwania elementu w kodzie za pomocą tego atrybutu za pomocą funkcji document.getElementById().

Wnioski TheDifference.ru

  1. Div class - przypisuje klasę do elementu, div id - identyfikuje.
  2. Klasa jest przypisana do wielu elementów, id jest unikalny na stronie.
  3. Do jednego elementu można przypisać wiele klas za pomocą klasy i tylko jeden identyfikator.
  4. Priorytet w CSS pozostaje z id.
  5. Wyszukiwanie w kodzie za pomocą atrybutu id jest łatwiejsze.
.