Класи та ідентифікатори
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 для кількох елементів.
Дякуємо за ваш відгук!
