2013-05-17 8 views
8

ホバー状態と同じ行にアクティブ状態を[less]で追加できますか、それともライン別の行にネストする必要がありますか?ホバーとアクティブ状態がより少ない

例:

標準以下何とかこの

nav { 
    color:@black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

を行うには、私が試した

nav { 
    color:@black; 
    display:block; 
    &:hover {color:@primary-color;} 
    &:active {color:@primary-color;}  
} 

:[&:、ホバー&:アクティブ;]私は試みた:[&:ホバー; &:active;]でも動作していないようです。

答えて

13

実際はい、できます、そしてあなたが設けられた第二の変異体は、限り、あなたは@primary-color変数定義として正しいです:

@primary-color: #f00; 
@black: #000; 

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

が生成されます:それは遅

nav { 
    color: #000000; 
    display: block; 
} 
nav:hover, 
nav:active { 
    color: #ff0000; 
} 
+0

はい私はmixins.lessファイルでこれを行いました。 Juicyに感謝します。それは遅れて、私は自分のコードで間違いを犯しています。 – Tyrone

1

を、私の愚かさが私に語りました床につくこと。

ジューシースクリプター勝利を得る、私はバックコーディングミスのための負けを得る。

しかし、はい、

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

が答えです。

+1

@JuicyScripterは、あなたの感謝の兆しとして彼の受諾証をチェックしました。彼は+1を受け取りました。だから私は答えを再投稿するための本当の必要があるとは思わない。しかし、うまくいけばうまくいきます。おやすみなさい^ _ ^ –

関連する問題