Класи та Ідентифікатори
HTML має обмежену кількість тегів, але іноді виникає потреба розрізняти окремі елементи. Наприклад, якщо потрібно застосувати різні стилі до кількох абзаців (<p>
елементів), можна використовувати атрибути class
та id
.
Атрибут class
призначає клас певному HTML-елементу. Кілька елементів можуть мати однаковий клас. Це дозволяє застосовувати однакові стилі до різних елементів.
index.html
styles.css
У цьому прикладі два абзаци мають однаковий клас highlight
, що дозволяє застосувати однакові стилі до обох.
Атрибут id
призначає унікальний ідентифікатор певному HTML-елементу. На відміну від атрибута class
, кожен елемент може мати лише один унікальний id
. Це корисно для застосування стилів або маніпулювання конкретним елементом за допомогою JavaScript.
index.html
styles.css
Важливо пам'ятати, що id
має бути унікальним на сторінці. Не можна використовувати однакове значення id
для кількох елементів.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you give examples of how to use class and id in HTML?
What happens if I accidentally use the same id for multiple elements?
How do I style elements with class and id in CSS?
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
для кількох елементів.
Дякуємо за ваш відгук!