我有一些这样的标记:

<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不支持任何类型的“父”选择器的一些有趣原因,并且我明白了为什么。我想知道是否还有另一种方法可以做到这一点,而不必在选择器后面的每个输入标签上放置一个类。在那儿?

最佳答案

我想知道是否还有另一种方法可以做到这一点,而不必在选择器后面的每个输入标签上放置一个类。在那儿?


不适用于CSS选择器。您将必须基于具有div作为子元素的上述同级div.selector添加一个额外的类。

关于css - 尝试选择一个div,该div的父级先前 sibling 包含具有特定类的div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12096478/

10-12 12:27
查看更多