Одной из особенностей языка CSS является то, что он позволяет создавать определенные правила, которые сопоставляются элементам с атрибутами, предварительно определенными в исходном коде текущего HTML-документа. Для этого используются селекторы атрибутов, которые могут сопоставляться в определенных случаях.
К примеру, следующее правило CSS устанавливается для всех элементов p, которым, независимо от его значения и что находится внутри, хоть ссылка блендер купить, хоть текст про технику, описан атрибут align:
p[align] {
color: blue
}
В большинстве случаев при подключении таблицы CSS к документу каждое правило CSS, определенное в таблице стилей, состоит из двух основных частей — селектора и блока объявлений.
Селектором CSS называется всё содержимое, которое находится перед фигурными скобками { }. Селектором определяется множество HTML-элементов, к которым будет применен указанный в этих фигурных скобках некий набор правил CSS. Другими словами, селектор представляет собой формальное описание элемента или некой группы элементов, к которым будет применено указанное правило стиля.
Расположенным в левой части правила селектором, определяется, на какие именно части документа распространяется данное правило. В правой части правила располагается блок объявлений, который помещается в фигурные скобки. Он состоит из одного или, возможно, и более объявлений, разделяемых знаком «;».
В свою очередь, каждое объявление – это сочетание свойства, определенного CSS, и значения, разделённых между собой знаком «:». Если селекторы группируются в одной строке через запятую, то свойство CSS применяется ко всем ним. |