css - 为什么这个 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/

score 7 · Accepted Answer

因为div和data-endpoint属性之间的空格明确指定具有该属性的元素是 ; 的后代元素div。删除空间，它的工作原理：

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

参考：

score 3 · Accepted Answer

3

有很多空格：

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

于 2013-03-04T16:54:15.307 回答

score 1 · Accepted Answer

1

去掉 div 和 [ 之间的空格

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

于 2013-03-04T16:54:43.957 回答

score 1 · Accepted Answer

1

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

于 2013-03-04T16:54:54.100 回答

score 0 · Accepted Answer

正在工作中。只需删除空间。

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

5 回答 5