我可以使用CSS定位没有渲染内容的元素吗？

Question

:empty CSS伪类目标是没有子节点的DOM节点。 我有兴趣知道我是否可以使用子节点来定位DOM节点，但是没有实际呈现的内容。例如，如果所有孩子（以及孩子的孩子等）都有display: none。

Answer 1

虽然孩子们没有渲染内容，但无论如何他们都是孩子，所以我说你不能使用:empty伪类来定位他们。

W3Schools：http://www.w3schools.com/cssref/sel_empty.asp

Answer 2

如果它们具有内联样式，则可以选择它们。

<div style="display:none">Test</div>

div[style="display:none"] {
    border: 1px solid black;
}