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

Селектор типа 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;
}

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

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

См. также

• Селекторы CSS
• Изучение CSS: базовые селекторы