CSS3 element1~element2 Selector (opposite)

Asked Jan 20 '17 at 11:18

Active Jan 20 '17 at 11:18

Viewed 35 times

I have the following html:

<div class="example1"> 123 </div>
<span class="example2"> 1234 </span>

I would like to set background-color to red .example1 only if there is .example2 after it.

This looks very similiar to what I am asking for, but I need opposite: http://www.w3schools.com/cssref/sel_gen_sibling.asp

asked Jan 20 '17 at 11:18

rossanmol

6

You can't with CSS. It's one of the reasons for the word "cascading" in CSS. – Rob Jan 20 '17 at 11:20
1

You can do it with JS only. – herrh Jan 20 '17 at 11:22
@Rob: The word "cascading" has nothing to do with the order of elements. – BoltClock Jan 20 '17 at 11:37
@BoltClock No it doesn't but we're not talking about DOM element order. – Rob Jan 20 '17 at 13:25

0 Answers0