2016-07-12 5 views
0

だから、たくさんのネストされたクラスがあります。私は巣の中の深いところからIMMEDIATE親をターゲットにしたいと思います。中ネストされたクラスの中から、LESSの直接の親を対象にします

.navbar { 
    ul { 
     li { 
     a { 
      .ACTIVE & { 
       background: red; 
      } 
     } 
     } 
    } 
} 

以上の結果:だから、たとえば、私が持っている

.ACTIVE .navbar ul li a { 
    background: red; 
} 

しかし、私が達成しようとしていることである:

.navbar ul li.ACTIVE a { 
    background: red; 
} 

これは可能ですか?

.navbar > ul > li > a.active { background: red; } 

EDIT:

申し訳ありませんが、完全に

+0

私はあなたがそれを行うことができるとは思わない - http://stackoverflow.com/questions/11519931/less-css-accessing-classes-furtherup-the-dom-tree-from-within-a-ネストされたクラス?rq = 1 –

+0

..またはhttp://stackoverflow.com/questions/14472776/referencing-parent-with-multiple-levels-of-nesting-in-less?rq=1 –

答えて

0

を使用すると、これは次のセレクタをなります

.navbar { 
    & > ul { 
     & > li { 
     & > a { 
      &.active { 
       background: red; 
      } 
     } 
     } 
    } 
} 

ような何かをしたい、LESSを使用してそのパスをもらえます最も重要な部分を逃した....だから、あなたが達成しようとしているものを得るために:

.navbar { 
    ul { 
     li { 
     &.ACTIVE{ 
      a { 
       background: red; 
      } 
     } 
     } 
    } 
} 
+0

ありがとう、私は必要タグ内から上に移動する。 – user2726041

+0

@ user2726041私は自分の答えを複数回編集しました。最後の試行を試みたことを確認してください。私は集中していなかったので。申し訳ありません –

+0

ありがとうアロン、はい私は最新の答えを見ています。しかし、私はA.の中からLIをターゲットにしたいと考えています。 – user2726041

関連する問題