：之後和：在Sass僞元素選擇器之前

Question

如何在Sass或SCSS語法之後使用：before和之後的僞元素選擇器？像這樣：

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

當然，上述失敗。

Answer 1

Use ampersand to specify the parent selector。

SCSS語法：

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

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