目標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，但這不是所有瀏覽器都支持的。