ID: – Посилює специфічність стилів для унікальних елементів. – Може бути якорем для скриптів. – Дуже доречний для важливих елементів, наприклад заголовків розділів або модальних вікон. Class: – Ідеальний для повторного використання одного і того ж стилю.
Вам слід використовувати клас, якщо вам потрібно використовувати один і той же селектор більше одного разу на сторінці або на сайті. У той час, як ідентифікатор відноситься до одного елемента, класи можуть бути призначені кільком елементам на сторінці або на всьому сайті . Вони не є унікальними.
Високий пріоритет: Стилі, застосовані через селектор id , мають більш високий пріоритет, ніж стилі, застосовані через класи та теги, що полегшує перевизначення стилів.
Селектори класу визначають стиль елементів із певним класом. Наприклад, цей селектор вибере абзац із класом . highlight. Селектори наявності та значення атрибута знаходять усі елементи, які мають певний атрибут або значення атрибута.
Ідентифікатор, ID (англ. data name, identifier – розпізнавач) – унікальна ознака об'єкта, що дозволяє відрізняти його від інших об'єктів, тобто ідентифікувати. Приклади: лексичний токен, що визначає суть.
Класи та ідентифікатори використовуються для застосування стилів CSS до елементів. Вони допомагають створювати каскадні таблиці стилів (CSS) та робити зовнішній вигляд веб-сторінки більш привабливим.
Види селекторів
- Універсальний селектор
- Селектор за тегом (елементом)
- Селектор за ідентифікатором (id)
- Селектор за класом (class)
- Група селекторів
Атрибут ID використовується для вказівки на певне оголошення стилю у таблиці стилів . Він також використовується JavaScript для доступу та керування елементом з певним ідентифікатором. Синтаксис для id: напишіть символ решітки (#), за яким слідує ім'я ідентифікатора. Потім визначте властивості CSS у фігурних дужках {}.