Searching opposite of "+": Predecessor element

[pstein]

Assume I have the following code
 

<p>
<div>.aaa...</div>
<div class="foobar">.bbb..</div>
<div>.ccc..</div>
<p>

then I can address the <div>element FOLLOWING the <div> element with class=foobar by

div.foobar + div

will address the <div> with ccc inside

Ok, but how do I address the opposite: The predecessor=the <div> with aaa inside?

div.foobar - div

seems not to work

Peter

[dsonesuk]

You can use nth-child() https://www.w3schools.com/cssref/sel_nth-child.asp or first-of-type()  https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_first-of-type

[Ingolme]

CSS does not have predecessor or ancestor selectors because the CSS rendering engine is stateless, it only moves forward and down the DOM tree without having to backtrack. Being stateless means that it is efficient and can render pages really quickly.