CSS [attribute~=value] 選擇器

CSS完整選擇器完整CSS選擇器參考手冊(cè)

定義和用法

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

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

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

例子：

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

實(shí)例

實(shí)例

選擇標(biāo)題屬性包含單詞"flower"的所有元素

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: For [attribute~=value]在IE8中運(yùn)行，必須聲明 <!DOCTYPE>.

相關(guān)文章

CSS 教程: CSS 屬性選擇器

CSS完整選擇器完整CSS選擇器參考手冊(cè)