类型选择器
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 表格仅在浏览器中加载