2012-05-25 12 views
110

Sass'in sözdizimini veya alternatif olarak SCSS? Bunun gibi:: Sass öğesinden sonra ve: pseudo-element seçicilerinden önce

p 
    margin: 2em auto 
    > a 
    color: red 
    :before 
    content: "" 
    :after 
    content: "* * *" 

Elbette, yukarıdaki hatalar başarısız.

+1

@cimmanon Aslında soru "Sass .scss: Yuvalama ve çoklu sınıflar" çoğaltılır, çünkü bu bir ay sonra sorulmuştur –

+0

Yaş çiftleri nasıl belirlediğimiz değil. Diğer soru ise bu sorunun daha genel bir versiyonudur, bu yüzden bir kopya olarak kapatılmıştır. – cimmanon

cevap

281

Use ampersand to specify the parent selector.

SCSS sözdizimi:

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

    &:after { 
     content: "* * *"; 
    } 
} 
+0

Tüm sözde sınıf ve öğe için geçerli mi? –

+0

Bu harika. SCSS, css kodunuzu daha iyi yapılandırmak için gerçekten iyi. –