: po i: przed selektorami pseudoelementów w Sassie

Question

Jak mogę użyć selektorów pseudoelementów before i: after zgodnie ze składnią Sass lub, alternatywnie, SCSS? W ten sposób:

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

Oczywiście powyższe niepowodzenie.

Answer 1

Use ampersand to specify the parent selector.

SCSS składnia:

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

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