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

В чём разница между селекторами class и id

Селекторы
Разница между class и id
Описание разницы между селекторами class и id, языка CSS.

Прочитав две предыдущие статьи посвящённые селекторам класса (class) и селекторам уникального идентификатора (id), у вас может возникнуть резонный вопроос: "А в чем между ними разница?"

Давайте разберёмся о принципиальных различиях, между этими селекторами.

Во-первых, один и тот же селектор уникального идентификатора можно назначать лишь одному тегу в HTML-документе, а один и тот же селектор класса можно назначить сразу нескольким тегам в HTML-документе.

Во-вторых, изучая CSS вы в скором времени ознакомитесь с таким понятием как приоритеты селекторов (каскадирование), так вот приоритет селектора уникального идентификатора, выше приоритета селектора класса, поэтому при вёрстке сайтов лучше назначать шапке сайта, подвалу, основному контенту, сайдбару (боковой панели) и т.д. уникальные идентификаторы нежели классы (об этом более подробно вы можете узнать в учебнике по адаптивной вёрстке сайтов).

В третьих, после изучения HTML и CSS, приступают к изучению программирования на JavaScript и использованию DOM, так вот там, для того чтобы управлять элементами на странице, присваивают HTML-тегам уникальные идентификаторы, для того чтобы получить к ним доступ через функцию getElementId().

Читать далее: Универсальный селектор CSS


Дата публикации поста: 5 февраля 2016
Дата обновления поста: 16 октября 2014

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *