html - 定位具有特定嵌套类的 div

Question

我在一个页面上多次获得以下代码：

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

我想通过 css 定位 div 标签而不创建类或 id。这可能吗？

我试过了div.entry { foo } ，.entry div {foo} 但似乎都不起作用。

Answer 1

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

div! > input.entry { foo }

AFAIK，目前还没有浏览器支持这个，所以你必须使用 JavaScript。