Селектори класів
-
Селектори, основані на використанні атрибута class і мають вигляд:
-
element.class …
-
Наприклад:
p.warning font-style: italic
Тоді
<p class="warning">Помилка!</p>
буде відображуватися курсивним шрифтом:
Помилка!
Це, можливо, самий використовуваний і універсальний тип селектора. Частково через те, що він гарно підтримується браузерами. Частково через те, що ви можете додавати декілька класів (через пробіл) до HTML елемента. Частково, тому що JavaScript може бути використаний для маныпулювання класами.
Для оптимізації таблиць стилів треба з розумом застосовувати угрупування. Як ви вже знаєте, угрупування – це об’єднання селекторів з однаковими оголошеннями. Однак, з цього визначення не випливає досить неочевидне твердження, що групувати селектори можна тільки в тому випадку, якщо вони містять зовсім однакові оголошення. Наприклад, у нас є така таблиця стилів:
.first
color: #000;
font: 14px Tahoma, Verdana, sans-serif
.second
color: #000;
font: 14px Tahoma, Verdana, sans-serif
Її можна оптимізувати так:
.first, .second
color: #000;
font: 14px Tahoma, Verdana, sans-serif
