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>
Результат данного примера:
Добро пожаловать!
Меня зовут Арни.
Я играю в онлайн игры.
Моего кота тоже зовут Арни.