Bir sınıftaki bir öğeyi daha az kullanarak nasıl hedefleyebilirim?

Question

Bir sınıftaki belirli öğeleri daha az kullanarak hedeflemek istiyorum.

Bu durumda, button sınıfının öğelerini hedeflemek istiyorum, ancak bunun içinde bir çapa etiketi a hedeflemek istiyorum.

Şu anda var:

.button { 
    /* lots of bits and pieces go here, hence 
    the need to keep it at a class level 
    */ 


    /* further down, but still in .button */ 
    /* Attempt 1 - fails: compiled = a .button (note the space) 
    a& { 
     height:20px; 
    } 

    /* Attempt 2 - fails: compiled = .buttona 
    &a { 
     height:20px; 
    } 
} 

I temelde derlemek istiyoruz

:

<a class="button"> 
<button class="button"> 

Ama biraz değiştirmek: Bu yüzden gibi unsurları oluşturabilir olduğunu

a.button 

onun bir çapa olduğunda. Ben çok erken it's a bug in less! karta atmak istemiyorum ama &.another-class kullanırsak beklendiği gibi (derlenmiş çalışır:. .button.another-class ama hedeflemeyen elemanları

Aşağıda daha az kod eski bir sürümünü kullanıyorsunuz

Answer 1

kullanarak doğru CSS üretir üretir 1.3.3

.button { 
a& { 
    height:20px; 
    } 
} 

az:

a.button { 
    height: 20px; 
} 

Answer 2

@Allen Bargi yanıt doğru, henüz yalnızca bu senaryo için ben başarmak istiyorum hakkında biraz karıştırmayın değilim olduğunu.

olarak @Allen Bargi, bu bir "düğme" sınıfı ile "a" lements hedef alacaktır işaret ve üreten bir

.button { 
a& { 
    height:20px; 
    } 
} 

O oluşturur: Bu arada

a.button { 
    height: 20px; 
} 

, bu aşağıda hedefleyecektir "a" öğeleri, bir "düğme" sınıfına sahip bir elemanın içinde yer alır. Bana öyle geliyor ki, orijinal hedefinizdi.

.button a { 
    height:20px; 
} 

bu durumda migt çalışma ince Eğer üst ve alt öğeler için aynı "düğmesi" sınıfını kullanarak çünkü ikisi de çözümler, ancak hedef değildir:

.button { 
a { 
    height:20px; 
    } 
} 

O üretir aynı elementler.

Umarım bu yardımcı olur.