CSS [attribute~=value] 選擇器
定義和用法
CSS [attribute~=value] 選擇器用於選擇屬性值中包含特定單詞的元素。
下面的例子將匹配 title="flower"、title="summer flower" 和 title="flower new" 的元素，但不會匹配 title="my-flower" 或 title="flowers" 的元素。
實例
選擇並設置所有 title 屬性包含單詞 "flower" 的元素的樣式：
[title~="flower"] {
border: 5px solid green;
}
CSS 語法
[attribute ~= value] {
css declarations;
}
技術細節
| 版本： | CSS2 |
|---|
瀏覽器支持
表格中的數字表示完全支持該選擇器的首個瀏覽器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
