✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по CSS, CSS3 ›› Селекторы id и class в CSS

Селекторы id и class в CSS

Селекторы id и class в CSS, что это такое? В CSS существует возможность обратиться к элементам html-документа по значению его атрибутов. CSS позволяет указать свои собственные селекторы, которые называются «id» и «class». Эти селекторы позволяют применять свойства CSS к элементам определенного блока страницы. К примеру, можно присвоить класс всем ссылкам в блоке навигации и другой класс блоку содержимого страницы. После этого при помощи CSS можно присвоить различный стиль ссылкам в блоке навигации и блоке контента.

Селекторы id и class в CSS

Селектор id

Селектор id предназначен для определения стиля для одного, уникального элемента страницы. Данный селектор использует атрибут «id» и определяется знаком «#».

Пример. Зададим стили для абзаца:

<p id="primer">Пример селектора id.</p>

Стили имеют следующий вид:

#primer {
text-align:center;
color:red;
}

К данному абзацу будет применен стиль «primer». Таким образом, текст абзаца у нас будет выравниваться по центру, цвет у него будет красный.

Селектор class

Селектор class используется для определения стиля у группы элементов. Данный селектор использует атрибут «class» и определяется знаком «.»

Рассмотрим пример:

<h1 class="center">Текст заголовка</h1>
<p class="center">Текст абзаца...</p>

Используемые стили:

.center {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color:red;
}

Таким образом, из урока мы  познакомились с селекторами id и class в CSS, и на практических примерах научились с ними работать. Эти селекторы очень часто используются на практике, поэтому знать о их существовании крайне необходимо.

Поделитесь ссылкой! Подпишитесь на обновления, чтобы получать новые публикации!

Комментарии к: "Селекторы id и class в CSS"

  1. Евгений:

    Здравствуйте!!! Такой вопрос, можно ли классы в css называть кириллицей? Вроде все браузеры понимают (на сафари тока не пробовал). И если можно, то почему их не называют... :)

    • Admin:

      Согласно спецификации CSS — имена классов должны начинаться с латинских букв, могут содержать в себе символ дефиса и подчеркивания. Использование русских букв недопустимо.

Оставить комментарий

Siteblogger.ru – проект, охватывающий достаточно широкий круг вопросов: создание сайтов и блогов на WordPress, поисковые системы, поисковая оптимизация и продвижение сайтов, способы заработка в сети, эффективные инструменты работы в Интернете и другое. Кроме того, мы оказываем услуги создания сайтов и блогов на WordPress с последующим их продвижением, а также занимаемся настройкой и ведением контекстной рекламы Яндекс.Директ и Google Adwords. По поводу сотрудничества просьба обращаться через контакты, все заявки и предложения будут обязательно рассмотрены. При использовании материалов данного сайта, пожалуйста, указывайте прямую индексируемую ссылку на Siteblogger.ru.

«Как создать и продвинуть свой сайт»

2011–2016 © Siteblogger.ru
Рейтинг@Mail.ru