English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

CSS @ правила (RULES)

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

CSS * селектор-заместитель

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

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

Используйте селектор-заместитель "*", чтобы выбрать все элементы и установить их цвет фона и стиль текста:

<!DOCTYPE html>
<html>
<title>Учебник по основам (oldtoolbag.com)</title>
<head>
<style>
*
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<h1>Добро пожаловать на Учебник по основам (ru.oldtoolbag.com)</h1>
<div class="content">
<p class="website">Наш адрес сайта: ru.oldtoolbag.com.</p>
<p class="sitename">Название нашего сайта: Учебник по основам.</p>
</div>
<p>Мы предоставляем различные базовые учебники, чтобы вы могли изучить основы и идти дальше!</p>
</body>
</html>
Проверьте ‹/›

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

Селектор-заместитель "*" выбирает все элементы.

Селектор-заместитель "*" также может выбирать все элементы в другом элементе:

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

Выберите все элементы внутри <div> элемента:

<!DOCTYPE html>
<html>
<title>Учебник по основам (oldtoolbag.com)</title>
<head>
<style>
div *
{
background-color:green;
}
</style>
</head>
<body>
<h1>Добро пожаловать на Учебник по основам (ru.oldtoolbag.com)</h1>
<div class="content">
<p class="website">Наш адрес сайта: ru.oldtoolbag.com.</p>
<p class="sitename">Название нашего сайта: Учебник по основам.</p>
</div>
<p>Мы предоставляем различные базовые учебники, чтобы вы могли изучить основы и идти дальше!</p>
</body>
</html>
Проверьте ‹/›

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

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают * селектор.

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