Селекторы в css

Различают селекторы по элементу, классу, id, контекстные селекторы. Приведем пример селектора по элементу (элементы html-документа - p, ol, tr и т.д.) - для абзацев.
А вот пример селектора по классу - сначала ставим точку, затем указываем имя класса (можно задавать любое имя - например, text) и прописываем стиль класса:
Далее этот стиль можно присоединить к параграфу (p class), таблице (table class), блоку (div class). Присоединение стиля к блоку (контейнеру) будет выглядеть так:
Пример селектора по id (можно использовать, например, для блока навигации шириной в 150 пикселей).
html-код: css-код:
Пример контекстного селектора:
Источник: 1sait.com