How can I use the :before and :after pseudo-element selectors following the syntax of Sass or, alternatively, SCSS? Like this:
p
margin: 2em auto
> a
color: red
:before
content: ""
:after
content: "* * *"
Of course, the above fails.
This question is related to
css
css-selectors
sass
pseudo-element
Use ampersand to specify the parent selector.
SCSS syntax:
p {
margin: 2em auto;
> a {
color: red;
}
&:before {
content: "";
}
&:after {
content: "* * *";
}
}
Source: Stackoverflow.com