Основні селектори Селектори класу визначають стиль елементів з певним класом. Наприклад, цей селектор вибере абзац з класом . highlight. Селектори наявності та значення атрибуту знаходять усі елементи, які мають певний атрибут або значення атрибуту.
Універсальний селектор Він обирає все в документі (або всередині батьківського елемента, якщо він зчеплений з іншим елементом і комбінатором нащадка). У наступному прикладі ми використовуємо універсальний селектор, щоб усунути зовнішні відступи у всіх елементів.
При додаванні селектора до :last-child спочатку береться останній елемент, потім виглядає якого він типу. Якщо елемент збігається із зазначеним селектором, він буде обраний. Таким чином, вибирається елемент, якщо він задовольняє двом умовам одночасно: це останній елемент і елемент зазначеного типу.
Види селекторів
- Універсальний селектор
- Селектор за тегом (елементом)
- Селектор за ідентифікатором (id)
- Селектор за класом (class)
- Група селекторів
Високий пріоритет: Стилі, застосовані через селектор id , мають більш високий пріоритет, ніж стилі, застосовані через класи та теги, що полегшує перевизначення стилів.
Селектори класів використовуються для вказівки групи елементів.
Високий пріоритет: Стилі, застосовані через селектор id , мають більш високий пріоритет, ніж стилі, застосовані через класи та теги, що полегшує перевизначення стилів.
Селектор CSS .class вибирає елементи із певним значенням атрибута class. Щоб вибрати всі види елементів з певним класом, введіть символ точки (.), а потім значення атрибута class .