为什么这个CSS属性选择器不起作用？

Question

<style> 
div [data-endpoint="/one/two/three/"] {display:none} 
</style> 

<div data-endpoint="/one/two/three/"> 
    example text 
</div> 

活代码示例在这里：http://jsfiddle.net/DDUNp/2/

Answer 1

因为div和data-endpoint属性明确指定了与该属性的元素的后代元素之间的空间的div;除去空间和它的作品：

div[data-endpoint="/one/two/three/"] {display:none} 

JS Fiddle demo。

参考文献：

• CSS Selectors, at the W3.org

Answer 2

有一个空格得多：

div[data-endpoint="/one/two/three/"] {display:none} 

Answer 3

删除格之间的空间和[

div[data-endpoint="/one/two/three/"] {display:none} 

Answer 4

您需要删除的div和[数据端点=之间的空间“/个/ two/three /“]

Answer 5

正在工作。只要删除空间。

http://jsfiddle.net/DDUNp/4/

div[data-endpoint='/one/two/three/'] {display:none;}