CSS селектор типа

CSS селекторы

Значение и применение

Селектор типа.

Селектор типа определяет HTML-элемент, к которому будет применен стиль. Селекторы типа легко определить в стилях, так как они имеют одноимённые наименования с форматируемыми элементами, например:

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

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
elementДаДаДаДаДаДа

CSS синтаксис:

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

Версия CSS

CSS1

Пример использования

Рассмотрим пример, в котором с использованием селектора типа мы стилизуем все заголовки второго уровня (<h2>):

<!DOCTYPE html>
<html>
<head>
	<meta charset = "UTF-8">
	<title>Селектор типа</title>
<style>
h2 {
font-family: Arial; /* задаем тип шрифта Arial */
color: green; /* задаем цвет текста*/
margin-top: 50px; /* добавляем отступ от верхнего края элемента */
}
</style> 
</head>
<body>
	<h2>Обычный заголовок второго уровня</h2>
	<h2>Обычный заголовок второго уровня</h2>
	<h2>Обычный заголовок второго уровня</h2>
</body>
</html> 

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

Рис. 3б Пример использования селектора типа.
Рис. 3б Пример использования селектора типа.
CSS селекторы