类型选择器

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

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;
}

启用 JavaScript 以查看此浏览器兼容性表。

此页面对您有帮助吗？

是否

此页面最后更新于 2025年11月10日，由 MDN 贡献者更新。