更改CSS中的父元素

Question

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

例如，我有一个HTML-List：

<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;
}

我如何判断 over 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">。