Skip to main content
This topic has been closed for replies.
Correct answer Jon Fritz

".video" is a class (preceded by a dot)

Unless you had <video class="video"> the rule you wrote wouldn't affect the <video> tag.

".fluidWrapper video" is an element selector (no dot before video)

It affects <video> tags that are within any element that has the class="fluidWrapper"

3 replies

MobosAuthor
Known Participant
October 4, 2017

By the way, I posted a new question about the accordion issue, because it is. So things won't get mixed up ;o)

MobosAuthor
Known Participant
October 4, 2017

Sorry people, I'm from the Netherlands and my English is not always that 'understandable' I guess

Jon Fritz
Community Expert
Community Expert
October 2, 2017

That's the same issue you were having with your images previously. Your inline <video> elements have a browser default text descender padding. Adding the following to the video selector, or a class within your video tag will fix it...

vertical-align:bottom;

MobosAuthor
Known Participant
October 3, 2017

Thanks, I tried ...

.video {

  vertical-align:bottom;

}

That didn't do anything, this works better .... (why?)

.fluid.Wrapper video {

  vertical-align:bottom;

}

Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
October 3, 2017

".video" is a class (preceded by a dot)

Unless you had <video class="video"> the rule you wrote wouldn't affect the <video> tag.

".fluidWrapper video" is an element selector (no dot before video)

It affects <video> tags that are within any element that has the class="fluidWrapper"