Чем отличается Div id от Div class в CSS

03.01.2016 19:54

Атрибуты элементов в CSS часто становятся предметом споров профессионалов и любителей. Надо ли применять тот или иной, насколько целесообразно это при идентичном результате, какой код будет менее затратным и более правильным, и подобные этим вопросы обсуждаются непрестанно, в том числе и затрагивая атрибуты class и id.

Понятие div id и div class в CSS

Div class - атрибут элемента, приписывающий его к какому-либо классу.
Div id - атрибут элемента, однозначно его идентифицирующий.

Разница между class и id в CSS

Разница между class и id в CSS кардинальной не считается, и часто применяется тот или иной в зависимости от пристрастия автора. Основное отличие class от id состоит в том, что первый может даваться нескольким элементам, второй же уникален и присваивается одному элементу на странице. Использование div id позволяет избежать многоуровневой вложенности, которая получается при использовании div class.
Кроме того, атрибут id, в отличие от class, может использоваться для якорных ссылок, для этого достаточно дать его элементу и сослаться на этот элемент якорем. Также у id будет приоритет в таблице CSS, если задан он одновременно с class. Последний, в свою очередь, позволяет применять множество классов к одному элементу. Названия классов могут записываться через пробелы, идентификатор такого обращения не предполагает. Еще одно преимущество id - в возможности поиска элемента в коде по этому атрибуту с помощью функции document.getElementById().

TheDifference.ru определил, что отличие div id от div class в CSS заключается в следующем:

Div class - приписывает класс элементу, div id - идентифицирует.
Class присваивается множественным элементам, id уникален на странице.
Одному элементу может быть присвоено множество классов посредством class, и только один id.
Приоритет в CSS остается за id.
Поиск в коде по атрибуту id осуществляется легче.