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

Question

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

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

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

Answer 1

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

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

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