如何在scss样式表中使用::before?

如何在scss样式表中使用::before?,css,angular,sass,styles,Css,Angular,Sass,Styles,我的scss文件中有这样的代码: #主框{ 位置:相对位置; 宽度:100%; 高度:100vh; 显示器:flex; } .imageBox::之前{ 内容:''; 排名:0; 左:0; 宽度:100%; 身高:100%; 背景:线性梯度(225deg,#e91e63,#03a9f4); z指数:99; 混合模式:屏幕; } .imageBox{ 位置:相对位置; 宽度:50%; 身高:100%; img{ 位置:绝对位置; 排名:0; 左:0; 宽度:100%; 身高:100%; 对象匹配

我的scss文件中有这样的代码:

#主框{
位置:相对位置;
宽度:100%;
高度:100vh;
显示器:flex;
}
.imageBox::之前{
内容:'';
排名:0;
左:0;
宽度:100%;
身高:100%;
背景:线性梯度(225deg,#e91e63,#03a9f4);
z指数:99;
混合模式:屏幕;
}
.imageBox{
位置:相对位置;
宽度:50%;
身高:100%;
img{
位置:绝对位置;
排名:0;
左:0;
宽度:100%;
身高:100%;
对象匹配:覆盖;
}

}
它应该放在
标记之后。在本例中,
p
是段落的标记

  p::before {
      margin-left: 2rem;
    }

不明白。它与我发布的代码有何不同?这里。imageBox是一个scss类?