Иерархия элементов внутри документа

Как известно, HTML-документы строятся на основании иерархии элементов, которая может быть наглядно представлена в древовидной форме. Элементы HTML друг для друга могут быть родительскими, дочерними, элементами-предками, элементами-потомками, сестринскими.

Элемент является родителем другого элемента, если в иерархической структуре документа он находится сразу, непосредственно над этим элементом. Элемент является предком другого элемента, если в иерархической структуре документа он находится где-то выше этого элемента.

В CSS могут задаваться при помощи селекторов не только одиночные элементы, но и элементы, являющиеся потомками, дочерними или сестринскими элементами других элементов (см. подраздел «виды селекторов»).

Виды селекторов

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

· селекторами элементов;

· селекторами классов;

· селекторами идентификаторов;

· селекторами атрибутов;

· селекторами потомков (контекстными селекторами);

· селекторами дочерних элементов;

· селекторами сестринских элементов;

· селекторами псевдоклассов;

· селекторами псевдоэлементов.

· Также в CSS существует так называемый универсальный селектор, обозначающий любой элемент, встречающийся в документе. Например, * {color:red;}. Перед любым селектором, задающим класс или идентификатор, можно поставить знак универсального селектора, в результате получится эквивалентное выражение, например,.first {...} и *.first {...} имеют один и тот же смысл.