What is the purpose of & gt; In a CSS file

advertisements

This question already has an answer here:

  • What does the “>” (greater-than sign) CSS selector mean? 7 answers

I am currently editing a CSS file from a Joomla template, and I came across this line: .promo > .gantry-width-block:hover{margin-top:-35px;padding-top:35px;}

What is the purpose of the > marker in between promo and gantry..?

Ps. I don't know if marker is the correct word, probably not.


> is a direct child selector, .promo > .gantry addresses all elements with a class gantry that are a direct child of any element with the class promo.