Селектори id та class
Селектори id та class
Крім встановлення стилю для HTML елемента, CSS дозволяє вам вказувати ваші власні селектори, звані "id" і "class".
Селектор id
Селектор id використовується, щоб вказати стиль одному унікальному елементу.
Селектор id використовує атрибут id елемента HTML і визначається за допомогою знака "#".
Стильове оформлення нижче буде застосовано до елемента з:
| #para1 < text-align:center; color:red; > |
НЕпочинайте ім'я ID з числа! Це не працюватиме у браузері Mozilla/Firefox.
Селектор class
Селектор class використовується, щоб вказати стиль для групи елементів. На відміну від селектора id селектор class найчастіше використовується на декількох елементах.
Це дозволяє вам встановити специфічний стиль для багатьох HTML елементів з одним і тим самим класом.
Селектор class використовує HTML атрибут class і визначається за допомогою "."
У прикладі нижче всі HTML елементи з класом вирівнюватимуться по центру:
| .center |
Ви можете також вказати лише конкретні HTML елементи, які будуть піддані впливу класу.
У прикладі нижче всі елементи p з будуть вирівняні по центру:
| p.center |
НЕпочинайте ім'я класу з числа! Це підтримується лише у браузері Internet Explorer.