空白屬性選取器

在以空格分隔的值清單中精確比對指定的屬性值。

語法

[attr~=val] {sRules}

可能的值

attr

識別碼或字串。

val

識別碼或字串。

sRules

指定一或多個階層式樣式表屬性/值組的字串。

備註

此屬性只能在標準相容模式 (精確 !DOCTYPE ) 中啟用。

屬性會區分大小寫。

如果目標 val 中包含空白,此規則不會比對任何項目。

範例

下列樣式規則會選取屬性值含有 " Two " 語彙基元的所有屬性:

<style>
    .test         {display: none;}
    [attr~="Two"] {display: block;}
</style>

<div class="test" attr="One Two Three">Test for [~=] (Token) succeeded.</div>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) Ee341497.xtlink_newWindow(zh-tw,Expression.40).png 找到此選取器的定義。

另請參閱

概念

瞭解選取器
類別選取器
相等屬性選取器
存在屬性選取器
連字號屬性選取器
識別碼選取器
前置字元屬性選取器
子字串屬性選取器
字尾屬性選取器
類型選取器
通用選取器