CSS属性选择器不起作用 <li> 元件

Question

我试图基于<li>标签的title属性来定位，但是它没有任何效果：

<style>      
[title~=Client PPT Presentation] {
display: none;
}
</style>
<li title="Client PPT Presentation">
</li>

标题是一个全局属性，我已经验证了语法，为什么这不起作用？

Answer 1

~=运算符用于选择具有包含指定单词的属性值的元素

例：

[title~='Client'] {
  display: none;
}

如果要检查字符串值（不是单个单词），则必须使用*=运算符，该运算符用于选择属性值包含指定值的元素

[title*='Client PPT Presentation'] {
   display: none;
}

http://jsfiddle.net/

Answer 2

您应该使用[title="Client PPT Presentation"]

看到http://jsfiddle.net/ngzck7bp/

Answer 3

你有没有尝试过：

<style> 
li[title="Client PPT Presentation"] {
    display: none;
} 
</style>
<li title="Client PPT Presentation">
</li>

我相信这就是您所需要的。 你应该老老实实刚才读这虽然。