Почему этот селектор атрибутов 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 и [данных конечных точек = "/ одна/two/three/"]

Answer 5

Работает. Просто удалите пространство.

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

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