CSS Gurus - Which one is correct?

[The Dawg]

HTML:

<nav id="horizontal">
....

CSS:

#horizontal ul {
	font-family: 'Century Gothic';
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 20px;
	list-style-type: none;
}

#horizontal li a {
	color:hsl(212, 100%, 70%);
	text-decoration:none;
}

#horizontal li a:hover {
	color: hsl(212, 100%, 29%);
}

Or

#horizontal ul {
	font-family: 'Century Gothic';
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 20px;
	list-style-type: none;
}

#horizontal [B][SIZE="6"]ul[/SIZE][/B] li a {
	color:hsl(212, 100%, 70%);
	text-decoration:none;
}

#horizontal [B][SIZE="6"]ul[/SIZE][/B] li a:hover {
	color: hsl(212, 100%, 29%);
}

Both seem to work...

[Webmaster Advertising]

Both are correct, unless you are utilizing 'specify' in the code/CSS too but even then, both are correct.

[PornMD]

They're both correct, but I suppose if you had an ol with different li stylings, you would want to do it the 2nd way.

[The Dawg]

Thanks, just trying to get my html5 / css3 conventions right.

[Killswitch]

I always go second method that way I know what's being styled properly.