0

重複の可能性：
アクティブな子の親の複雑なCSSセレクター

私は次のhtmlを持っています：

<ul>
  <li><href ="#">One</a></li>
  <li><href ="#" class="active">Two</a></li>
  <li><href ="#">Three</a></li>
</ul>

アクティブなクラスの子アンカーを持つliをターゲットにします。

私はこのようなものがcss4で機能すると信じています：

li! > a.active {

私は機能していない次のサスを持っています：

ul{
  li{
    a.active &{
      //whatever
    }
  }
}

特定のクラスの子供を持つ親をターゲットにする正しい方法は何でしょうか？

4

1 に答える 1

0

現在の CSS ではそれを行う方法がないため、SASS や LESS などのコンパイラでできることは限られています。まだ見たことがない場合は、 https: //stackoverflow.com/a/1014958/1947535で CSS の親セレクターに関する Dan の回答を読んでください(ただし、おそらく CSS4 仕様のスニペットを提供しているはずです)。

于 2013-02-03T08:44:33.830 に答える