. селектор класу вибирає елементи з певним атрибутом класу. Щоб вибрати елементи з певним класом, напишіть a період (.) символ, після якого йде назва класу.
Зіставте елемент, який має вказаний клас. Щоб відповідати певному атрибуту класу, ми завжди починаємо селектор з період, щоб вказати, що ми шукаємо значення класу. За крапкою йде значення атрибута класу, якому ми хочемо зіставити.
Щоб досягти цього, нам потрібно використовувати Starts With (тобто Cap Symbol ^) у селекторах CSS, як показано нижче:
- p[class^='ma']
- p[class$='in']
- p[class*='ai']
- p[class*='ma'] – знаходить тег p зі значенням атрибута class, що містить текст «ma», який знаходиться на початку «основного» тексту.
Селектор CSS ID використовує ID атрибута елемента HTML, щоб вибрати один унікальний елемент на сторінці. Щоб використовувати селектор ідентифікатора в CSS, ви просто напишете хештег (#), а потім ідентифікатор елемента.
Що таке селектор класу в CSS? У CSS селектор класу має формат крапка (.) символ, за яким слідує назва класу. Він вибирає всі елементи з цим атрибутом класу, щоб унікальні оголошення CSS можна було застосувати до цих конкретних елементів, не впливаючи на інші елементи на сторінці.
Селектор ідентифікатора CSS Ідентифікатор елемента є унікальним на сторінці, тому селектор ідентифікатора використовується для вибору одного унікального елемента! Щоб вибрати елемент із певним ідентифікатором, напишіть a символ решетки (#), за яким йде ідентифікатор елемента.