CSS Sass 中的 :after 和 :before 伪元素选择器
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/10750563/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 03:58:32 来源:igfitidea点击:
:after and :before pseudo-element selectors in Sass
提问by Marco Godínez
How can I use the :before and :after pseudo-element selectors following the syntax of Sass or, alternatively, SCSS? Like this:
如何按照 Sass 或 SCSS 的语法使用 :before 和 :after 伪元素选择器?像这样:
p
margin: 2em auto
> a
color: red
:before
content: ""
:after
content: "* * *"
Of course, the above fails.
当然,上面的方法失败了。
回答by shellbro
Use ampersand to specify the parent selector.
SCSS syntax:
SCSS 语法:
p {
margin: 2em auto;
> a {
color: red;
}
&:before {
content: "";
}
&:after {
content: "* * *";
}
}