目标样本和亲本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 li中的a标记和父级的a标记相同的级别上？换句话说，我想让每个与法国相关的标签和与法国本身相关的a标签都有颜色：#f00；

html必须保持完整，因为我不能改变它，它必须只使用css。

干杯/罗宾。

Answer 1

听起来您想要访问父选择器，这不能单独使用css来完成，您可以在更多的这里上阅读它，但是还有一些其他选择器可以方便地找到：兄弟姐妹、普遍的.。

Answer 2

不是的。您不能选择具有css的父母。有一个2013年5月2日W3C工作草案，但这并不是所有浏览器都支持的。