爲什麼這個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;}