CSS-правило складається із селектора та блоку оголошень:
селектор {
властивість: значення;
}
Типи селекторів:
1/* Тип (tag) */
2p { color: gray; }
3
4/* Клас */
5.highlight { background: yellow; }
6
7/* ID */
8#header { font-size: 24px; }
9
10/* Атрибут */
11input[type="text"] { border: 1px solid #ccc; }
12
13/* Псевдоклас */
14a:hover { color: red; }
15li:first-child { font-weight: bold; }
16
17/* Псевдоелемент */
18p::first-line { font-variant: small-caps; }