Глави

Курс по уеб дизайн

Въведение в CSS

Селектори

1. Класови селектори

селектор.клас { свойство: стойност; }

.клас { свойство: стойност; }

Пример за клас: h1.allert { color: #ff0000; }

Приложение на клас: <h1 class="allert">Червено заглавие</h1>

2. ID селектори

селектор#id { свойство: стойност; }

#id { свойство: стойност; }

Пример: #menu { font-size:12px; }

Пример за използваемост: <td id="menu">...</td>

3. Контекстуални селектори

селектор1 селектор2 { свойство: стойност; }


Пример: p i b { color: red; }

<p><i><b>Валидност</b></i>извън област на валидност</p>

4. Групиране на селектори

селектор1, селектор2, селектор3,... { свойство: стойност; }

пример: p, i ,b { color: green; }

* особени селектори

- псевдокласове

:link

:visited

:active

:hover

Пример:

a:link { text-decoration: underline; }

a:visited { text-decoration: underline; }

a:hover { text-decoration: none; color: green; }

- псевдоелементи
:first-letter

:first-line

Пример: p:first-letter{ font-size: 200%; }