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

M
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)

M
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
Jon FritzCommunity 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;

M
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"

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices