将SCSS / CSS应用于:在相邻元素类为X之前

时间:2017-06-14 17:38:31

标签: html css sass

: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>

是否可以这样做?

1 个答案:

答案 0 :(得分:0)

你可以利用@ at-root来实现这个目标。

.my-iframe {
  color: blue;

  @at-root .embed:before #{&} {
    margin: 10px;
  }
}

编译为

.my-iframe {
  color: blue;
}
.embed:before .my-iframe {
  margin: 10px;
}