Предыдущий смежный селектор в CSS

Question

Есть ли способ в CSS для каждого p, предшествующего div.carrots? В этом случае мы получим 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>