2012-05-25 10 views
110

में छद्म-तत्व चयनकर्ताओं से पहले मैं कैसे उपयोग कर सकता हूं: सस के वाक्यविन्यास के बाद छद्म-तत्व चयनकर्ताओं के बाद या वैकल्पिक रूप से, एससीएसएस? इस तरह:: बाद में: सस

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

बेशक, उपरोक्त विफल रहता है।

+1

@cimmanon दरअसल, सवाल "सास .scss: नेस्टिंग और कई वर्गों" डुप्लिकेट किया गया है, क्योंकि यह एक –

+0

के एक महीने के बाद पूछा गया था, आयु यह नहीं है कि हम डुप्लिकेट कैसे निर्धारित करते हैं। दूसरा प्रश्न इस प्रश्न का एक और सामान्य संस्करण है, यही कारण है कि इसे डुप्लिकेट के रूप में बंद कर दिया गया था। – cimmanon

उत्तर

281

Use ampersand to specify the parent selector

एससीएसएस वाक्य रचना:

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

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

क्या यह सभी छद्म वर्ग और तत्व पर लागू होता है? –

+0

यह बहुत अच्छा है। जबकि एससीएसएस आपके सीएसएस कोड को बेहतर बनाने के लिए वास्तव में अच्छा है। –