CSS[attribute~=value]選擇器

CSS完整選擇器完整CSS選擇器參考手冊

定義和用法

[attribute?= value] 選擇器選擇具有包含指定單詞的屬性值的元素。

element1 [attr?=“value”] 也稱為部分屬性值選擇器

部分屬性值選擇器基于屬性的空格分隔值的一部分選擇任何元素。

例子:

a[rel~="friend"]  {text-transform:  uppercase;}
p[class~="warning"] {background: yellow;}

Examples

實例

實例

選擇標題屬性包含單詞"flower"的所有元素

[title~=flower]
{
  background-color:yellow;
}


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持[attribute~=value]選擇器。

注意:For [attribute~=value]在IE8中運行,必須聲明 <!DOCTYPE>.


相關文章

CSS 教程: CSS 屬性選擇器


CSS完整選擇器完整CSS選擇器參考手冊