Question

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来定位与.selected li中的a标签和父级别中的a标签相同级别的所有标签？换句话说，我想让每个与法国相关的标签和法国本身的标签都有颜色：＃f00;

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

干杯/罗宾。

Answer 1

没有。你不能用css选择父母。有W3C Working Draft 2 May 2013，但并非所有浏览器都支持此功能。

Answer 2

听起来你想要访问父选择器，这不能单独使用css来完成，你可以在更多here上阅读，但是你可以找到一些其他的选择器：{{3} }

目标samelevel和父lis

2 个答案: