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选择器参考手册