CSS [attribute~=value] 選擇器
示例
選擇並樣式化所有 title 屬性包含空格分隔的單詞列表,其中一個單詞是“flower”的元素
[title~="flower"] {
background-color: yellow;
}
自己動手試一試 »
定義和用法
[attribute~=value] 選擇器用於選擇屬性值包含指定單詞的元素。
上面的示例將匹配 title="flower"、title="summer flower" 和 title="flower new" 的元素,但不匹配 title="my-flower" 或 title="flowers"。
版本 | CSS2 |
---|
瀏覽器支援
表格中的數字表示首次完全支援該選擇器的瀏覽器版本。
選擇器 | |||||
---|---|---|---|---|---|
[attribute~=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 語法
相關頁面
CSS 教程:CSS 屬性選擇器