Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.

Селектори ID и class

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Най-важното за ID и class селекторите

ID и class са основни CSS селектори за избор на HTML елементи. ID е уникално – използва се за един-единствен елемент в страницата и има по-висок приоритет от другите селектори. Class може да се повтаря и е подходящ за групиране на множество елементи със сходен стил. Ако трябва да запомните едно нещо: когато има конфликт, стилът зададен чрез ID ще „победи“ заради по-високата си специфичност.

Стъпка по стъпка: как да приложите ID и class

В HTML добавете уникално ID към елемент, например на телефон в списък: id="phone".
В CSS създайте правило за него, като използвате #phone и задайте стил (например цвят).
Добавете class към няколко елемента от списък, например class="profileItem".
В CSS изберете класа с .profileItem и задайте общ стил (например по-малък шрифт).
Наблюдавайте как стилът от ID променя конкретен елемент, дори ако по-общо правило вече е зададено за родителски елемент.

Основни селектори в урока

#id – избира елемент по уникално ID; има по-висока специфичност и приоритет.
.class – избира всички елементи със съответния клас; може да се използва многократно в страницата.
element element – вложен (descendant) селектор, който избира елементи според тяхната структура в HTML.