HTML5 – Selector not working


I’m still delving into all the joys of HTML5/CSS3 and am very excited to do some more focused blog posts on the topic, but I wanted to do a quick post about a common issue that I’ve experienced and didn’t find an immediately resolution for on the web.

The issue is that you’ll be using one of the new tags (nav, section, etc.) and then when you go to style it, none of the styles are properly applying. This could be the result of not including all the selectors in your declaration for display block.

header, footer, nav, article, section {
	display: block;

If this declaration is missing one of the selectors, none of the styles you try to apply to it will work. Adding it to the list most likely will resolve your issue.