Класи та Ідентифікатори
HTML має обмежену кількість тегів, але іноді виникає потреба розрізняти окремі елементи. Наприклад, якщо потрібно застосувати різні стилі до кількох абзаців (<p> елементів), можна використовувати атрибути class та id.
Атрибут class призначає клас певному HTML-елементу. Кілька елементів можуть мати однаковий клас. Це дозволяє застосовувати однакові стилі до різних елементів.
index.html
styles.css
У цьому прикладі два абзаци мають однаковий клас highlight, що дозволяє застосувати однакові стилі до обох.
Атрибут id призначає унікальний ідентифікатор певному HTML-елементу. На відміну від атрибута class, кожен елемент може мати лише один унікальний id. Це корисно для застосування стилів або маніпулювання конкретним елементом за допомогою JavaScript.
index.html
styles.css
Важливо пам'ятати, що id має бути унікальним на сторінці. Не можна використовувати однакове значення id для кількох елементів.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 4.35Класи та Ідентифікатори
Свайпніть щоб показати меню
HTML має обмежену кількість тегів, але іноді виникає потреба розрізняти окремі елементи. Наприклад, якщо потрібно застосувати різні стилі до кількох абзаців (<p> елементів), можна використовувати атрибути class та id.
Атрибут class призначає клас певному HTML-елементу. Кілька елементів можуть мати однаковий клас. Це дозволяє застосовувати однакові стилі до різних елементів.
index.html
styles.css
У цьому прикладі два абзаци мають однаковий клас highlight, що дозволяє застосувати однакові стилі до обох.
Атрибут id призначає унікальний ідентифікатор певному HTML-елементу. На відміну від атрибута class, кожен елемент може мати лише один унікальний id. Це корисно для застосування стилів або маніпулювання конкретним елементом за допомогою JavaScript.
index.html
styles.css
Важливо пам'ятати, що id має бути унікальним на сторінці. Не можна використовувати однакове значення id для кількох елементів.
Дякуємо за ваш відгук!
