Руководство по CSS

Правила CSS (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS несколько элементов выборка

Онлайн пример

Выберите все элементы <p>и <h1>, чтобы продемонстрировать использование селекторов для нескольких элементов:

Пример

!DOCTYPE html
<html>
<title>Сайт базовых учебных материалов (oldtoolbag.com)</title>
<head>
<style>
h1,p
{
background-color:red;
color:white;
}
</style>
</head>
<body>
<h1>Добро пожаловать на сайт базовых учебных материалов (ru.oldtoolbag.com)</h1>
<p>Наш адрес сайта: ru.oldtoolbag.com.</p>
<p>Название нашего сайта: Сайт базовых учебных материалов.</p>
<p>Мы предоставляем вам различные базовые учебные материалы, чтобы вы могли учиться и достичь больших высот!</p>
</body>
</html>

Проверьте, как это работает ‹/›

Определение и использование

У нескольких элементов одинаковый стиль, их имена разделяются запятыми, например: h1,h2,h3,p{...}

Совместимость браузеров

IEFirefoxOperaChromeSafari

Поддерживается всеми основными браузерами element,elementВыбор нескольких элементов.

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS