Adjust height of div only if child element has class X
376
June 15, 2017, at 08:16 AM
.embed {
height: 100px
}
How can I adjust the height of the div container, only when the iframe class is my-iframe
<div class="embed">
<iframe class="my-iframe">
</div>
I do NOT want it to adjust the height in the following case:
<div class="embed">
<iframe class="some-other-iframe">
</div>
Is it possible to do so in SASS or CSS?
Answer 1
When you increase the height of the iframe the parent div will also increase as long as the isn't already a height specified for the div. You can increase the height of the iframe doing this
iframe[class*="my-iframe"]{
height: 500px /*or whatever height you want*/
}
This will target only the iframe that contains the class "my-iframe".
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
POPULAR ONLINE
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 111439 visits
- search for elements in a list 111050 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98811 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 96311 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92506 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 62024 visits
- Adding methods to es6 child class 22363 visits
