css - Target samelevel and parent 列表

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

这会将带有灰色背景的红色标签“Parc des Princes”设置为红色。

有没有办法用 css 将所有 a 标签定位到与 .selected li 中的 a 标签和父级别中的 a 标签相同的级别？换句话说，我想让每个与法国相关的标签和带有法国本身的标签都有颜色:#f00;

html 必须保持完整，因为我无法更改它并且必须仅使用 css 完成。

干杯/罗宾。

Answer 1

没有。你不能用 css 选择 parent 。有一个 W3C Working Draft 2 May 2013但这并非所有浏览器都支持。