Vurgulu ve etkin durumları

Question

[daha az] öğesindeki hover durumuyla aynı hatta etkin bir durum ekleyebilir veya ayrı satırlarda iç içe yerleştirilmeli mi? Ben;

örnek:

standart az

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

nasılsa

denedim bu

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

yapmalı: [Aktif &:, & hover] 'Denedim: [&: gezici; &: active;] ama çalışmıyor gibi görünüyor.

Answer 1

Aslında evet yapabilirsiniz, ve verdiğiniz ikinci varyantı sürece @primary-color değişken tanımlamak olarak doğrudur:

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

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

üretecek: Geç oldu

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

Answer 2

ve benim aptallığı söylüyor yatağa gitmek.

Sulu Scripter kazanın olsun, geri kodlama hataları için kaybetme olsun.

Ama evet,

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

cevap.