我需要在我正在进行的元素中支持伪元素的新旧声明。我想创建一个 SCSS @mixin
,这样我就不必重复自己了。
我想实现以下目标:
声明:
.selector {
&#{$before} {
content: '';
}
}
编译:
.selector:before { content: ''; }
.selector::before { content: ''; }
所以我基本上需要 @mixin
来 @extend
:before
和 ::before 之后的任何 css 属性
。
我到处搜索,没有找到解决方案。他们的任何 Sass 向导都能让我的梦想成真吗?
提前致谢
最佳答案
给你,宝贝:
@mixin pseudo-element($element) {
&:#{$element}, &::#{$element} {
@content;
}
}
// Usage:
.foo {
@include pseudo-element('before') {
content: '';
}
}
输出:
.foo:before, .foo::before {
content: '';
}
关于css - @mixin 可能用于伪元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45952266/