Селекторы в css
Различают селекторы по элементу, классу, id, контекстные селекторы. Приведем пример селектора по элементу (элементы html-документа - p, ol, tr и т.д.) - для абзацев.p {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}
А вот пример селектора по классу - сначала ставим точку, затем указываем имя класса (можно задавать любое имя - например, text) и прописываем стиль класса:
.text {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}
Далее этот стиль можно присоединить к параграфу (p class), таблице (table class), блоку (div class). Присоединение стиля к блоку (контейнеру) будет выглядеть так:
<div class="text">...</div>
Пример селектора по id (можно использовать, например, для блока навигации шириной в 150 пикселей).
html-код:
<div id="navigation">
css-код:
#navigation{
width:150px;
}
width:150px;
}
Пример контекстного селектора:
p em {color:green}
Источник: 1sait.com