型別選擇器

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

CSS 的型別選擇器透過節點名稱匹配元素。換句話說，它選擇文件中給定型別的所有元素。

css

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

當使用 @namespace 時，型別選擇器可以包含名稱空間。當處理包含多個名稱空間的文件時，例如帶有內聯 SVG 或 MathML 的 HTML，或者混合使用多種詞彙的 XML，這會很有用。

語法

css

element { style properties }

css

span {
  background-color: skyblue;
}

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>

在此示例中，選擇器將只匹配示例名稱空間中的 <h1> 元素。

css

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

規範
選擇器 Level 4 # 型別選擇器

本頁面最後修改於 2025 年 8 月 5 日，由 MDN 貢獻者。