Селекторы и правила атрибутов в CSS | uCoz
   

Селекторы и правила атрибутов в CSS

Главная » Уроки » CSS

Одной из особенностей языка CSS является то, что он позволяет создавать определенные правила, которые сопоставляются элементам с атрибутами, предварительно определенными в исходном коде текущего HTML-документа. Для этого используются селекторы атрибутов, которые могут сопоставляться в определенных случаях.

Селекторы и правила атрибутов в CSS

К примеру, следующее правило CSS устанавливается для всех элементов p, которым, независимо от его значения и что находится внутри, хоть ссылка блендер купить, хоть текст про технику, описан атрибут align:

p[align] {
color: blue
}

В большинстве случаев при подключении таблицы CSS к документу каждое правило CSS, определенное в таблице стилей, состоит из двух основных частей — селектора и блока объявлений.

Селектором CSS называется всё содержимое, которое находится перед фигурными скобками { }. Селектором определяется множество HTML-элементов, к которым будет применен указанный в этих фигурных скобках некий набор правил CSS. Другими словами, селектор представляет собой формальное описание элемента или некой группы элементов, к которым будет применено указанное правило стиля.

Расположенным в левой части правила селектором, определяется, на какие именно части документа распространяется данное правило. В правой части правила располагается блок объявлений, который помещается в фигурные скобки. Он состоит из одного или, возможно, и более объявлений, разделяемых знаком «;».

В свою очередь, каждое объявление – это сочетание свойства, определенного CSS, и значения, разделённых между собой знаком «:». Если селекторы группируются в одной строке через запятую, то свойство CSS применяется ко всем ним.

Категория: CSS; Урок сделан: 05.07.2012; Просмотров : 1315; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru