在CSS中的上一個相鄰選擇器

Question

CSS中有沒有辦法以div.carrots之前的每個p爲目標？在這種情況下，我們會得到Munch但不是Burp。

<p>Munch Munch!</p> 
<div class="carrots"> 
</div> 

<p>Burp!</p> 
<div class="potatoes"> 
</div> 

Answer 1

沒有「以前的兄弟姐妹」選擇器。只有adjacent and general combinators，這要求目標兄弟必須在之後第一。

爲了在這種情況下，選擇<p>，您可以圍繞內容的一些元素（比如，.container和使用.container p:first-child的選擇，我不認爲，如果你這樣做既事會所有不同。

<div class=carrots> 
    <p>Munch Munch!</p> 
    <div> 
    </div> 
</div>