如何指定一个元素之前的元素

Question

我们都知道相邻选择器是如何工作的（p + p），但我不知道是否有一个选项可以设置出现在指定元素之前的元素？例如：

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

我想样式第一个出现在p＃之前的元素。如何做到这一点没有JS？

Answer 1

在CSS4中，可以指定样式应用的元素（而不仅仅是选择器中的最后一个元素）。 CSS Selector Level 4因此，在未来这应该工作：

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

然而，据我所知，没有浏览器现在支持他们。