Селектор ідентифікатора CSS Селектор ідентифікатора використовує атрибут id елемента HTML для вибору певного елемента. Ідентифікатор елемента є унікальним на сторінці, тому селектор ідентифікатора використовується для вибору одного унікального елемента! Щоб вибрати елемент із певним ідентифікатором, напишіть символ решетки (#), а потім ідентифікатор елемента.
Щоб отримати селектор CSS, клацніть правою кнопкою миші на виділеному елементі на вкладці «Елементи» та виберіть «Копіювати» > «Селектор». Тепер селектор зберігається у вашому буфері обміну, готовий до негайного використання.
Селектори CSS
- Тег. Вибір елемента за тегом HTML є найбільш очевидним способом. …
- Комбінатори. Використання комбінаторів є ефективним способом уточнення селекторів тегів. …
- ID. Додавання атрибута ID до елемента HTML є поширеним способом націлювання CSS на нього. …
- Клас. …
- Атрибути. …
- Зіставлення підрядка. …
- Псевдокласи.
Ви можете додати селектор CSS до іншого виділіть їх комами та вживайте. Наприклад: p, div, . text{ font-size: 2.5rem; колір: білий; ……}
Синтаксичне правило CSS складається з селектора, властивості та його значення. Селектор вказує на елемент HTML, до якого потрібно застосувати стиль CSS. Властивість CSS розділяється крапкою з комою. Це комбінація імені селектора, за яким слід властивість: пара значень, визначена для певного селектора.
Селектор ідентифікатора CSS Ідентифікатор елемента є унікальним на сторінці, тому селектор ідентифікатора використовується для вибору одного унікального елемента! Щоб вибрати елемент із певним ідентифікатором, напишіть символ решетки (#), а потім ідентифікатор елемента.