:before {
margin: 10px
}
我想将以上SASS / CSS应用于:在以下元素之前:
<div class="embed">
:before
<iframe class="my-iframe">
</div>
我不想将相同的css应用于以下的:before元素,css只应在有类&#34; my-iframe&#34;
的相邻iframe时应用<div class="embed">
:before
<iframe class="some-other-iframe">
</div>
是否可以这样做?
答案 0 :(得分:0)
你可以利用@ at-root来实现这个目标。
.my-iframe {
color: blue;
@at-root .embed:before #{&} {
margin: 10px;
}
}
编译为
.my-iframe {
color: blue;
}
.embed:before .my-iframe {
margin: 10px;
}