CSS :: Селектор по идентификатору

Селектор по идентификатору (от англ. id selector – селектор по идентификатору) выбирает элемент с соответствующим значением атрибута id. Сам селектор начинается со знака решетки «#», после которого следует идентификатор (т.е. значение атрибута id), например, #my_id {блок объявлений}.

Синтаксис

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

Ссылки

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

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

Примеры

HTML Результат

htmlCodes

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

	<style>
		
		/* Селектор по идентификатору выбирает элементы */
		/* с соответствующим значением атрибута id, */
		/* как, например, <p class="my_id">абзац</p> */

		p#my_id{
		color: blue;			 
		font-weight: bold;	 
		}
		
	</style>
	
</head>
<body>

	<p id="my_id">
		color: blue;<br>      
		font-weight: bold;				
	</p>

	<p>
		Для этого абзаца наш селектор не применяется.
	</p>	
	
</body>
</html>

Пример №1