我有一些这样的标记:
<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/