如何在指定元素之前设置样式

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 */ }

但据我所知，现在没有浏览器支持它们。