类型选择器

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 文档。

  • ns|h1——匹配命名空间为 ns 的 <h1> 元素
  • *|h1——匹配所有 <h1> 元素
  • |h1——匹配没有声明命名空间的 <h1> 元素

语法

css
元素 { 样式声明 }

示例

CSS

css
span {
  background-color: skyblue;
}

HTML

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

浏览器兼容性

BCD tables only load in the browser

参见