試圖選擇一個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。