nth-child içinde SASS Değişkenlerini Kullanma?

Şu anda küçük resim görüntülerinin bir ızgarası var, şu anda her satırda 4 başparmak var. onlar ı Bu kod pasajını sahip hizaya emin olmak için:nth-child içinde SASS Değişkenlerini Kullanma?

bu ama bir sözdizimi hatası alıyorum olduğunu yapmaya çalıştık ne

li:nth-child(5) { margin-left: 0;}

: Ben n'inci değiştirmek isteseydim

$galleryGrid: 5; 
    li:nth-child($galleryGrid) { margin-left: 0;}

-10 gibi başka bir değer kullanacak şekilde (yani arka arkaya 8 başparmak alabilirim), bunun işe yarayacağını varsaydım. Bu mümkün değil mi yoksa yanlış mı yapıyorum ?!

Yardımlarınız için şimdiden teşekkür ederiz.

kaynak

2012-10-02 Huw Rowlands

Değişken enterpolasyon kullanabilmeniz için nth-child değişkene sahip olmalısınız.

$galleryGrid: 5; 
li:nth-child(#{$galleryGrid}) { margin-left: 0;}

li:nth-child(5){margin-left:0}

her 5 biri yeni bir satır başlar senin elemanları daima şekilde sarın sağlamak için görüntü ve düzeni üzerinde mutlak kontrol varsa, bu işaretleme gayet üretir. Böyle garantiler sağlayamazsanız, ana öğede negatif kenar boşlukları belirlemek daha iyi bir yoldur.

kaynak

2012-10-02 17:29:38 cimmanon

Negatif kenar boşluğunu denedim ama düzgün çalışmayabilir miyim ?! Canlı bir örneğim yok. Yukarıdaki pasaj sayesinde teşekkür ederim, Sass için yeni ve # eklemem gerektiğinin farkında değildim. –

Yanıtı kabul etmeyi unutmayın ^^. İşte işte negatif marjların bir demosu (tarayıcınızı yeniden boyutlandırmayı deneyin!): Http://jsfiddle.net/5JZGt/ – cimmanon

Yardımlarınız için bir kez daha teşekkür ederiz. –

nth-child içinde SASS Değişkenlerini Kullanma?

cevap

İlgili konular