css - 试图选择一个 div，其父级的前一个兄弟包含一个具有特定类的 div

Question

我有一些这样的标记：

<div class="field">
    <div class="selector" id="uniform-blablabla">
        [select tag markup]
    </div>
<div>
<div class="field">
    <input type="text" id="etcetc"
</div>

我正在寻找一个 css 选择器，它将根据其包含的 .field div 前面是一个包含具有 .selector 类的 div 的 .field div 的事实来选择上面的输入标记，如上面的标记中所示。我试过了

div.field > .selector + div.field > input

但这不起作用，我假设因为输入标签不是具有 .selector 类的 div 标签的兄弟姐妹，我真的需要他们的父母成为兄弟姐妹。

我已经阅读了 CSS 不支持任何类型的“父”选择器的一些有趣原因，我明白了原因。我想知道是否有另一种方法可以实现这一点，除了在选择器后面的每个输入标签上放置一个类。在那儿？

Answer 1

我想知道是否有另一种方法可以实现这一点，除了在选择器后面的每个输入标签上放置一个类。在那儿？

不使用 CSS 选择器。div您将不得不根据前面的兄弟姐妹div.selector作为孩子添加一个额外的类。