试图选择一个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前面有一个.field div，其中包含一个带有.selector类的div，如上面的标记所示。我试过了

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

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

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

Answer 1

  

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

没有CSS选择器。您必须根据前一个兄弟div作为孩子div.selector添加一个额外的课程。