W3docs

css

Какой селектор вам нужен для определения стиля для нескольких элементов?

Практикуйте свои знания

Какой селектор вам нужен для определения стиля для нескольких элементов?

Объяснение

Использование классов для определения стиля нескольких элементов

В вопросе спрашивается: какой селектор нужен для определения стиля для нескольких элементов? Правильным ответом является "class", что в контексте CSS означает класс.

CSS-классы применяются для определения стилей, которые могут быть применены к множеству элементов на веб-странице. Они предоставляют способ присвоить одинаковые стили нескольким HTML-элементам или даже различным HTML-страницам.

Для примера, допустим, у нас есть несколько элементов <p>, которым мы хотим присвоить одну и ту же семантику стиля.

<p class="special-text">Параграф 1</p>
<p class="special-text">Параграф 2</p>
<p class="special-text">Параграф 3</p>

В таком случае, мы можем определить CSS-класс special-text для управления стилем этих элементов.

.special-text {
  color: blue;
  font-weight: bold;
}

Выбор других ответов ("id", "style", "text") в данном контексте не является корректным. "id" определяет стиль для конкретного элемента (а не для группы элементов), а "style" используется для непосредственного применения стиля к одному элементу.

Важно отметить, что при разработке важно используя классы и id там, где это необходимо. Классы подходят для определения общих стилей, перемножаемых на множество элементов, в то время как id подходят для уникальных элементов.

Использование классов и id в сочетании с другими CSS конструкциями, такими как псевдоклассы и псевдоэлементы, может обеспечить еще больший контроль над стилями и дизайном вашего веб-сайта.

Хотите ещё? Пройдите полный тест «Основы CSS».

Начать викторину