Разлика между клас и id в CSS

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

Съдържание на статията

  • дефиниция
  • сравнение
  • данни

дефиниция

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

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

към съдържание ↑

сравнение

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

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

към съдържание ↑

данни

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