为什么这个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和[

之间的空格

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

Answer 4

你需要删除div和[data-endpoint =“/ one / two / three /”]之间的空格

Answer 5

正在工作。只需删除空格。

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

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