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

Селектор типа CSS сопоставляет элементы по имени узла. Другими словами, он выбирает все элементы заданного типа в документе.

/* All <a> elements. */
a {
  color: red;
}

Селекторы типа могут быть пространственно-именованными при использовании @namespace. Это полезно при работе с документами, содержащими несколько пространств имён, например, HTML с встроенным SVG или MathML, или XML, в котором смешаны несколько словарей.

ns|h1 - сопоставляет элементы <h1> в пространстве имён ns
*|h1 - сопоставляет все элементы <h1>
|h1 - сопоставляет все элементы <h1> без объявленного пространства имён

Синтаксис

element { style properties }

Примеры

CSS

span {
  background-color: skyblue;
}

HTML

<span>Here's a span with some text.</span>
<p>Here's a p with some text.</p>
<span>Here's a span with more text.</span>

Результат

Пространства имён

В этом примере селектор будет соответствовать только элементам <h1> в примере пространства имён.

@namespace example url(http://www.example.com/);
example|h1 {
  color: blue;
}

Спецификации

Спецификация
Уровень 4 селекторов # type-selectors

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`Type_selectors`	1	12	1	3.5	1	18	4	10.1	1	1.0	≤37
`namespaces`	1	12	1	8	1.3	18	4	10.1	1	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors