Как стиль элемента перед указанным

Question

Мы все знаем, как работает смежный селектор (p + p), но мне интересно, есть ли способ стилизовать элемент, который появляется непосредственно перед указанным? Например:

<p id="one"></p> 
<p id="two"></p> 

Я хотел бы создать первый элемент, который появляется перед p # 2. Как это сделать без JS?

Answer 1

В CSS4 можно будет указать элемент, к которому применяется стиль (а не только последний последний элемент в селекторе). CSS Selector Level 4 Таким образом, в будущем это должно работать:

p! + p { /* your styles here */ } 

Однако, насколько я знаю, ни один браузер не имеет поддержки их прямо сейчас.