目标samelevel和家长LIS

Question

我有这样的例子：http://jsfiddle.net/4EbLu/

HTML：

<ul> 
    <li><a href="">Great Britain</a></li> 
    <li><a href="">Germany</a></li> 
    <li> 
    <a href="">France</a> 
    <ul> 
     <li> 
     <a href="">Paris</a> 
     <ul> 
      <li><a href="">Notre Dame</a></li> 
      <li class="selected"><a href="">Parc des Princes</a></li> 
      <li><a href="">Sacre Coeur</a></li> 
     </ul> 
     </li> 
     <li><a href="">Rouen</a></li> 
     <li><a href="">Lyon</a></li> 
     <li><a href="">Marseilles</a></li> 
    </ul> 
    </li> 
    <li><a href="">Sweden</a></li> 
    <li><a href="">Poland</a></li> 
</ul> 

CSS：

.selected > :first-child { 
    color: #f00; 
    background-color: #999; 
} 

这将风格，配有该标签 “巴黎王子公园” 红灰色背景。

有没有一种方法可以将CSS中的所有标签都定位在.selected里面的a标签和父级别中的a标签的同一级别上？换句话说，我想让每一个与法国有关的标签和与法国本身有关的标签都具有颜色：＃f00;

html必须保持完好无损，因为我不能改变它，它只能用css来完成。

干杯/罗宾。

Answer 1

听起来像是你要访问的家长选择器，它不能单独用css来完成，你可以在更here读了，但是还有一些其他的选择，你可以找到得心应手：​​

Answer 2

不可以。您不能选择带CSS的父母。有一个W3C Working Draft 2 May 2013，但这不是所有浏览器都支持的。