2016-04-17 6 views
1

は、以下のような簡単です:これと少し子供のCSSを追加しますか? LESSの子供たちを対象

header { 
    a { color: white; } 
} 

しかし、私が求めていることは、親と子の両方にcolor: white;を割り当てる方法ですか?私が行うことができます。

header { 
    color: white; 
    a { color: white; } 
} 

しかし、それは二度同じことを追加していると私はLESSでより良い方法があると確信しています。

+0

高い特異性を使用して既に割り当てられている色を上書きする場合は使用しません。このようなaのような。 –

+1

@torazburoそれは本当ですが、これは単なる例です。他のプロパティは継承できません。 – 4castle

+1

@torazaburoあなたはおそらく、文字通りにも検定を扱っているでしょう。通常、私たちは問題を表現するために最小限の単純化された例を使用します。実際のコードは 'header'、' a'や 'color'とは関係がありません。さらに、この特定の場合、 'a'要素は親タグの実際の色プロパティ(* http://codepen.io/seven-phases-max/pen/XdqyQB)(既に持っているので暗黙の 'ユーザエージェント'が割り当てられた色)。 –

答えて

3

あなたが本当にそれから、そこに入れ子にしたい場合:詳細については

header { 
    &, a {color: white} 
} 

Parent Selectorsを参照してください。

+2

それは '&、a'でしょうか?それはすでにネストされているので、 '&、&a'である必要はありません。 – 4castle

+1

はい、私の間違いは修正されました。 –

関連する問題