类型选择器

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

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

当使用 @namespace 时,类型选择器可以命名空间化。这在处理包含多个命名空间的文档(例如包含内联 SVG 或 MathML 的 HTML,或混合多个词汇表的 XML)时非常有用。

  • ns|h1 - 匹配命名空间 ns 中的 <h1> 元素
  • *|h1 - 匹配所有 <h1> 元素
  • |h1 - 匹配所有未声明命名空间的 <h1> 元素

语法

css
element { style properties }

示例

CSS

css
span {
  background-color: skyblue;
}

HTML

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>

结果

命名空间

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

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

规范

规范
选择器级别 4
# type-selectors

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅