Группировка

H1

H2

H3

Наследование свойств

Простой текст курсив простой текст.

Класс в качестве селектора

Серый текст

Зеленый текст

Зеленый заголовок

Использование нескольких классов

ID в качестве селектора

Текст

Текст

Контекстные селекторы

контекст

H1 H1 H1

H3 H3 H3

Универсальный селектор

универсальный селектор

Контекстные селекторы, дополнительные возможности

Вложенный элемент в красной рамке

Непосредственно вложенный элемент в красной рамке

Вложенный элемент (не в рамке)

Непосредственно вложенный элемент в зеленой рамке

Первый элемент Второй элемент (в синей рамке) Третий элемент

Первый элемент Второй элемент (в коричневой рамке) Третий элемент (в коричневой рамке)

Использование атрибутов в селекторе

DIV qwerty="некоторое значение"
DIV attr="value"
attr1="value1" attr2="value2"
attr="word1 word2 word3"
DIV lan="fr-be"
attr="begin_!!!!!!!"
attr="BEGIN_!!!!!!!" (не совпадает регистр символов)
attr="!!!!!!!_end"
attr="!!!_substr_!!!"

Псевдоклассы

111

222

333

444

hover

Параграф текста






Pentium II Pentium III Pentium IV

Pentium II Pentium III Pentium IV
строка 1
строка 2
строка 3
строка 4

Псевдоэлементы

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

строка

строка