: después y: antes de los selectores de pseudo-elemento en Sass

Question

¿Cómo puedo usar los selectores de pseudo-elemento: before y: after siguiendo la sintaxis de Sass o, como alternativa, SCSS? De esta manera:

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

Por supuesto, lo anterior falla.

Answer 1

Use ampersand to specify the parent selector.

sintaxis SCSS:

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

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