Самоучитель CSS Справочник CSS Селекторы Стили по умолчанию Цвета CSS Единицы измерения
Селекторы CSS

CSS селектор *

Поддержка браузерами

12.0+ 7.0+ 2.0+ 4.0+ 9.6+ 3.1+

Описание

Универсальный селектор обозначаемый символом звездочки (*) соответствует любому элементу. Если его поставить перед блоком со стилями, то это будет эквивалентно групповому селектору, содержащему перечисление каждого элемента в документе.

Селектор * так же предоставляет возможность выбора всех дочерних элементов, которые имеют указанного родителя:

div * { color: green; }

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

Пример:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Пример</title>
  <style>
      div * {  background-color:yellow; }
  </style>
</head>
<body>

  <h1>Добро пожаловать!</h1>

  <div>
    <p>Меня зовут Арни.</p>
    <p>Я играю в онлайн игры.</p>
  </div>

  <p>Моего кота тоже зовут Арни.</p>

</body>
</html>

Результат данного примера:

Добро пожаловать!

Меня зовут Арни.

Я играю в онлайн игры.

Моего кота тоже зовут Арни.

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru | ruen