类型选择器

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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

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