listing-2.9.html

[Dexter1996777]

Hello everyone!
Could you help me please?:)

I've got a question: in the css part of listing-2.9.html, the "ul ul {font-size: 1em;}" stops the shrinking of font size caused by the "ul{ font-size: .8em; }". How does it work? How doest the browser understand that it should first set the font-size at 16px*0.8 then it should stop the diminishing of the font-size when it comes across the "ul ul {font-size: 1em;}"? How the repetition of the selector work in this code?

[krave1986]

How does it work? How doest the browser understand that it should first set the font-size at 16px*0.8 then it should stop the diminishing of the font-size when it comes across the "ul ul {font-size: 1em;}"?

ul ul has higher specificity than ul. They both define font-size in their rules. Only the rule with the highest specificity will take effect. So the browser does not even try to set the font-size at 16px*0.8. 1em is the default value of font-size.

How the repetition of the selector work in this code?

ul ul means the ul tags inside other ul tags.

[Dexter1996777]

@krave1986 Thank you very much for your detailed response!