CSS :: Универсальный селектор

Универсальный селектор (от англ. universal selector – универсальный селектор) выбирает все элементы, а сам селектор имеет вид звездочки, например, *{блок объявлений}.

Синтаксис

* {блок объявлений}

Ссылки

Официальный сайт W3C: https://www.w3.org/TR/selectors-3/#universal-selector

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/Universal_selectors

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
		/* Универсальный селектор выбирает все элементы */
		p *{
		color: green;			 
		font-weight: bold;	 
		}
	</style>
	
</head>
<body>
			
	<pre>
		Любой вложенный в абзац элемент будет иметь 
		зеленый цвет и полужирное начертание, т.к. 
		был использован	универсальный селектор.
	</pre>		

	<p>
		<span>Зеленый цвет и полужирное начертание.</span><br>
		<em>Зеленый цвет и полужирное начертание.</em><br>		
		<b>Зеленый цвет и полужирное начертание.</b>		
	</p>
	
</body>
</html>

Пример №1

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №2</title>

	<style>

		/* Прием предварительного обнуления */
		/* всех отступов у всех элементов */		
		*{
		margin: 0;		  
		padding: 0;		  
		outline: 0;		  
		}
		
	</style>
	
</head>
<body>
			
	<p>
		Мои отступы тоже обнулились, хотя раньше браузер 
		по умолчанию выделял меня, как блочный элемент.		
	</p>		

	<div>
		Так теперь любой элемент на странице будет 
		иметь нулевые отступы.
	</div>
	
</body>
</html>

Пример №2