2012-09-27 18 views
7

ı Az kullanarak tanımlanmış bir stil var diyelim: Daha sonrayeniden kullanma AZ iç içe stiller

ul.unstyled, 
ol.unstyled { 
    margin-left: 0; 
    list-style: none; 
} 

, ben istiyorum unstyled sınıfını yeniden kullanmak Ancak, bunu yapmak için sihri anlayamıyorum. Düşüncesi olan var mı?

cevap

5

Rasgele sınıf tanımlarını, yalnızca karışımları (nokta ile başlayanlar) yeniden kullanamazsınız. Bu durumda çoğaltmanız gerekecek.

+2

bu, '.myClass' öğesini tanımladığınızda LESS'in parametrik olmayan bir karışım oluşturduğu anlamına mı geliyor? –

+0

İyi soru. Bence evet çünkü dokümantasyon karışımlarına göre sadece sınıflar: "Mixins, sınıfın özelliklerini özelliklerinden biri olarak dahil ederek, bir sınıfın tüm özelliklerini başka bir sınıfa gömmenize izin verir. Sadece değişkenler gibi, ama tüm sınıflar için ". –

3

bu deneyin: Bu ul.unstled ve ol.unstyled olarak tanımlanan eğer

.unstyled { 
    margin-left: 0; 
    list-style: none; 
} 

.my-list { 
    .unstyled; 
} 

Sen yuva .unstyled mümkün olmayacaktır.

+0

O Benim için işe yaramıyor çünkü orijinal tanımı bende yok ... diğer bir deyişle, 'unstyled' sınıfı 'Bootstrap.less' içinde tanımlanıyor ve bağımlılığı değiştirmekten kaçınmak istiyorum. Bunun yerine, yuvalanmış bir stili nasıl yeniden kullanacağımı bilmek istiyorum. –

+0

Ah. Bu stilleri geçersiz kılmıyor/alamıyorsanız, istediğiniz şekilde yeniden kullanabileceğinizden emin değilim. LESS, 'ul.unstyled'' veya iç içe geçmiş bir sınıf gibi bir şey belirtmenize izin vermez. Her zaman bir mixin oluşturabilirsiniz, ancak bu kodun çoğaltılmasıdır. –

1

bir iç içe tarzı ve muhtemelen Bootstrap kaynak kodunu düzenlemek istediğiniz olmadığı zamanlarda .unstyled tekrar kullanamazsınız beri, sadece listenize hem classnames atamak öneririm:

<ul class="unstyled my-list" /> 
İlgili konular