仅当子元素具有类X时才调整div的高度

Question

.embed {
   height: 100px
}

如果iframe类为my-iframe

，我该如何调整 div容器的高度

<div class="embed">
   <iframe class="my-iframe">
</div>

我不希望它在以下情况下调整高度：

<div class="embed">
   <iframe class="some-other-iframe">
</div>

是否可以在 SASS或CSS 中执行此操作？

Answer 1

当你增加iframe的高度时，只要不是为div指定的高度，父div也会增加。 您可以增加执行此操作的iframe的高度

iframe[class*="my-iframe"]{
   height: 500px /*or whatever height you want*/
}

这将仅定位包含“my-iframe”类的iframe。