Разница между class и id
В чём разница между селекторами class и id
Разница между class и id
Прочитав две предыдущие статьи посвящённые селекторам класса (class) и селекторам уникального идентификатора (id), у вас может возникнуть резонный вопроос: "А в чем между ними разница?"
Давайте разберёмся о принципиальных различиях, между этими селекторами.
Во-первых, один и тот же селектор уникального идентификатора можно назначать лишь одному тегу в HTML-документе, а один и тот же селектор класса можно назначить сразу нескольким тегам в HTML-документе.
Во-вторых, изучая CSS вы в скором времени ознакомитесь с таким понятием как приоритеты селекторов (каскадирование), так вот приоритет селектора уникального идентификатора, выше приоритета селектора класса, поэтому при вёрстке сайтов лучше назначать шапке сайта, подвалу, основному контенту, сайдбару (боковой панели) и т.д. уникальные идентификаторы нежели классы (об этом более подробно вы можете узнать в учебнике по адаптивной вёрстке сайтов).
В третьих, после изучения HTML и CSS, приступают к изучению программирования на JavaScript и использованию DOM, так вот там, для того чтобы управлять элементами на странице, присваивают HTML-тегам уникальные идентификаторы, для того чтобы получить к ним доступ через функцию getElementId().
Читать далее: Универсальный селектор CSS