Разлика между клас и идентификатор в CSS.

Атрибутите на елементите в CSS често са обект на противоречия между професионалисти и любители. Независимо дали е необходимо да се приложи едно или друго, колко целесъобразно е с идентичен резултат, кой код ще бъде по -евтин и по -правилен, и такива въпроси постоянно се обсъждат, включително засягащи атрибутите на класа и идентификатора.

Определение

Div клас - атрибут на елемент, който го присвоява на клас.

Div id е атрибут на елемент, който уникално го идентифицира.

Сравнение

Разликата между клас и id в CSS не се счита за кардинална и често едно или друго се използва в зависимост от пристрастията на автора. Основната разлика между class и id е, че първият може да бъде даден на няколко елемента, докато вторият е уникален и е присвоен на един елемент на страницата. Използването на div id избягва многостепенното влагане, което идва с използването на div клас.

В допълнение, атрибутът id, за разлика от класа, може да се използва за анкерни връзки, за това е достатъчно да го дадете на елемент и да свържете към този елемент с котва. Също така, id ще има предимство в CSS таблицата, ако е посочен едновременно с класа. Последният от своя страна позволява да се приложат множество класове към един елемент. Имената на класовете могат да се пишат разделени с интервали, идентификаторът не предполага такова извикване. Друго предимство на id е възможността за търсене на елемент в кода по този атрибут с помощта на функцията document.getElementById ().

Заключения TheDifference.ru

  1. Div клас - присвоява клас на елемент, div id - идентифицира.
  2. Класът е присвоен на множество елементи, идентификаторът е уникален на страницата.
  3. На един елемент може да се присвоят много класове посредством клас и само един идентификатор.
  4. Приоритетът в CSS остава с id.
  5. Търсенето в код с помощта на атрибута id е по -лесно.
.