Ajuster la hauteur de div uniquement si l'élément enfant a la classe X - css, sass

.embed {
height: 100px
}

Comment puis-je ajuster la hauteur du conteneur div, uniquement lorsque la classe iframe est my-iframe

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

Je ne veux pas qu'il règle la hauteur dans les cas suivants:

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

Est-il possible de le faire dans SASS ou CSS?

Réponses:

Lorsque vous augmentez la hauteur de l'iframe, le div parent augmentera aussi longtemps que l'isn "t n'est pas déjà une hauteur spécifiée pour le div. Vous pouvez augmenter la hauteur de l'iframe en procédant ainsi.

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

Cela ciblera uniquement l'iframe contenant la classe "my-iframe".