: sau và: trước bộ chọn phần tử giả trong Sass

Question

Làm cách nào tôi có thể sử dụng bộ chọn: trước và sau: phần tử giả theo cú pháp của Sass hoặc, theo cách khác, SCSS? Như thế này:

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

Tất nhiên, lỗi trên không thành công.

Answer 1

Use ampersand to specify the parent selector.

cú pháp SCSS:

p { 
    margin: 2em auto; 

    > a { 
     color: red; 
    } 

    &:before { 
     content: ""; 
    } 

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