CSS :: Селектор по типу

Селектор по типу (от англ. type selector – селектор по типу) выбирают все элементы указанного типа, например, span {блок объявлений}.

Если один и тот же стиль нужно применить сразу к нескольким селекторам (необязательно селекторам по типу), селекторы должны перечисляться через запятую, например, span, div, p {блок объявлений}.

Синтаксис

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

Ссылки

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

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

Примеры

HTML Результат

htmlCodes

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

	<style>
		
		/* Селектор по типу выбирает все */
		/* указанные через запятую типы элементов */
		 
		/* Задаем шрифт указанных типов элементов */
		div, p, pre{
		color: blue;      
		font-weight: bold;   
		}
		 
		/* А для этого дополнительно еще и фон */
		pre{
		background-color: violet;  
		}
		
	</style>
	
</head>
<body>

	<p>
		color: blue;<br>      
		font-weight: bold;				
	</p>

	<div>
		color: blue;<br>      
		font-weight: bold;				
	</div>	
			
	<pre>
		color: blue;      
		font-weight: bold;
		background-color: violet;		
	</pre>		
	
</body>
</html>

Пример №1