Css Selectors

A certain ID cannot be used more than once in the HTML, but classes can be used multiple times. So if you write #wrapper you know you are selecting only one element, but if you write .selected you could be selecting multiple elements because that class may be applied to more than the just the anchor in the nav. So it's just a little safer to be more specific and write nav a.selected. It's perfectly valid to write .selected, but in this case I guess they want to be more specific.

You can type .selected{} directly like wrapper but if you type nav a.selected{} is to asign styles in this particular case, only when the a tag is inside the nav tag with this class.

Example

main.css:

.selected{color:blue;} nav a.selected{color:red;}

index.html:

<nav class="selected"> <a>Home</a> <a class="selected">Contact</a> </nav>

In this example you can see the class selected in the nav tag and the a tag, but "Home" is blue and "Contact" is red.

I hope I explained well!

Sorry Jacob, I didn't see your answer, jeje.

Thank you Jacob and Miguel! ^_^