使用伪类和伪元素进行无css扩展

我有一个列表元素，里面有链接，使用的字体不多。如何将代码保存在第一个伪元素中，并在第二个、第三个伪元素中重复。有速记符号吗

我的目标不是为不同的元素重复相同的属性。如果

和第n个子项（1）

，

和第n个子项（2）

等具有相同的属性，但在

顶部具有不同的属性：和
左：在每个类中

我阅读了许多关于stackoverflow的主题，得出结论，最好的解决方案是使用mixin，但它不起作用。示例，解释如下：


li{
文本对齐：居中；
宽度：115px；
高度：90px；
保证金：1px；
背景：线性梯度（#ffffff，#d7d7d7）；
&：第n个孩子（1）{
.fa图标；
.fas；
&：之前{
内容：@fa-var-globe；
颜色：@txt颜色；
位置：相对位置；
顶部：10px；
左：20px；
}
}
&：第n个孩子（2）{
.fa图标；
.fas；
&：之前{
内容：@fa-var纸平面；
颜色：@txt颜色；
位置：相对位置；
顶部：10px；
左：20px；
}
}
&：第n个孩子（3）{
.fa图标；
.fas；
&：之前{
内容：@fa-var纸平面；
颜色：@txt颜色；
位置：相对位置；
顶部：10px；
左：20px；
}
}









你可以使用一个mixing，尽管看你的代码，你的风格似乎都一样——做所有的子类有什么意义吗？你不能只做一个泛型类，然后在后面做样式，而不是做第n个子类，因为你的特殊情况更适合你。至于像
&:n个子类（2）{&:n个子类（1）；}
当然不行，因为第n个孩子（1）
不是任何类型的混血儿。@Pete你的解决方案不行。你能告诉我怎么做吗？
&:nth-child(1){
   property; ...;
}
$:before{
  property; ...; 
}
&:nth-child(2){
   &:nth-child(1);
}
&:nth-child(3){
 &:nth-child(1);
}