html - 以某个嵌套类为目标 div

Question

我在一个页面上多次出现以下代码:

<div>
    <input class="entry">
</div>

我想在不创建类或 ID 的情况下通过 css 定位 div 标记。这可能吗？

我尝试了 div.entry { foo } 和 .entry div {foo} 似乎都不起作用。

Answer 1

您没有使用该 CSS 定位 div，您需要选择具有入口类的输入的父级。然而，在当前的 CSS 中没有办法做到这一点，但使用 CSS4 的选择器规范，可以按如下方式完成:

div! > input.entry { foo }

据我所知，目前还没有浏览器支持它，因此您必须使用 JavaScript。