Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

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

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

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

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

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

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

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

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

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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget