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

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

然而，據我所知，沒有瀏覽器現在支持他們。