通用選擇器
CSS 通用選擇器 (*) 匹配任何型別的元素。
css
/* Selects all elements */
* {
color: green;
}
通用選擇器是一種特殊的型別選擇器，因此在使用@namespace時可以指定名稱空間。這在處理包含多個名稱空間的文件時非常有用，例如帶有內聯 SVG 或 MathML 的 HTML，或者混合使用多種詞彙表的 XML。
ns|*- 匹配名稱空間 ns 中的所有元素*|*- 匹配所有元素|*- 匹配所有未宣告名稱空間的元素
語法
css
* { style properties }
在簡單選擇器中，星號是可選的。例如，*.warning 和 .warning 是等效的。
示例
CSS
css
* [lang^="en"] {
color: green;
}
*.warning {
color: red;
}
*#maincontent {
border: 1px solid blue;
}
.floating {
float: left;
}
/* automatically clear the next sibling after a floating element */
.floating + * {
clear: left;
}
HTML
html
<p class="warning">
<span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
<span class="warning">A red span</span> in a green paragraph.
</p>
結果
名稱空間
在此示例中，選擇器將只匹配示例名稱空間中的元素。
css
@namespace example url("http://www.example.com/");
example|* {
color: blue;
}
規範
| 規範 |
|---|
| 選擇器 Level 4 # 通用選擇器 |
瀏覽器相容性
載入中…