Shaun Glassman6,496 Points
Questions about inheritance
So in this example, when we take the main-nav class, which is part of the ul element, we have to specify that the li elements would be inline block and we can't just say that the .main-nav class is inline block and expect that the li elements inherit the inlineblock.
However, when we add text-align: center; to the .main-header, the list items inherit the text-align: center; property.
Why would the center alignment get inherited in this instance, when inline block doesn't get inherited?
This is because the User Agent Stylesheet has default settings specifically set for li elements, which makes that styling have more specificity than if you were to just use the class .main-nav.