CSS属性选择器无法处理<li>元素</li>

Question

我尝试根据其标题属性定位<li>标记，但它没有效果：

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

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

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>

我相信这就是你所需要的。 你应该诚实地阅读this。