在CSS中更改父元素

Question

它可以通过特定的类选择父元素吗？

举一个例子，我有一个HTML列表：

<ul> 
    <li>Entry 1</li> 
    <li>Entry 2</li> 
    <li class="selected">Entry 3</li> 
    <li>Entry 4</li> 
</ul> 

所有元素有一个底部边框：

ul li { 
    border-bottom: 1px solid #FF0000; 
} 

ul li.selected { 
    border-bottom: 1px solid #0000FF; 
} 

如何我可以告诉在CSS前一元素的颜色是蓝色？ 对于小例子（我知道:previous-child无效/存在，但它是一个小例子）：

ul li.selected:previous-child { 
    border-bottom: 1px solid #0000FF;  
} 

这里是一个小提琴：http://jsfiddle.net/3W7PQ/

Answer 1

CSS 4将允许这与the subject indicator，但没有办法在CSS中，因为它现在通过引用下列元素来选择一个元素。

通常的解决方法是让任何生成的页面指定关系本身。因此，例如，您可能有<li class="before-selected">，然后是<li class="selected">。