类型选择器

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

CSS 类型选择器通过节点名称匹配元素。换句话说，它选择一个文件中所有给定类型的元素。

css

/* 所有 <a> 元素。*/
a {
  color: red;
}

类型选择器可以使用 @namespace 赋予命名空间。这在处理包含多个命名空间的文件时很有用，比如带有内联 SVG 或 MathML 的 HTML 文档，或者混合了多个词汇的 XML 文档。

语法

css

元素 { 样式声明 }

css

span {
  background-color: skyblue;
}

html

<span>这里是由 span 元素包裹的一些文字。</span>
<p>这里是由 p 元素包裹的一些文字。</p>
<span>这里是由 span 元素包裹的一些文字。</span>

在这个示例中，选择器将仅匹配 example 命名空间的 <h1> 元素。

css

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

Specification
Selectors Level 4 # type-selectors