Shortcuts in CSS - css

Question

I have lot of, a really really lot of CSS3 files as well as HTML5 ones, that is the reason why I use form of CSS3 in this way:
#wrap #head #strLogo {
height: 50px;
padding: 0 5px;
line-height: 50px;
}
Instead of just selecting it this way:
#strLogo {
height: 50px;
padding: 0 5px;
line-height: 50px;
}
As it is easier later to find that practicular element in HTML5 document.
Now, I have rule, applied to all anchor tags, like:
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
But only one, only the anchor tag representing actual logo (textual) should be different.
I know I can write:
#wrap #head #strLogo a {
font-size: 18px;
text-shadow: 2px 2px 2px #666666;
text-decoration: none;
}
#wrap #head #strLogo a:hover {
text-decoration: none;
}
As this link should have same rules on normal and hover state, I managed to write it this way:
#wrap #head #strLogo a, #wrap #head #strLogo a:hover {
font-size: 18px;
text-shadow: 2px 2px 2px #666666;
text-decoration: none;
}
Could it be written even shorter? For example:
#wrap #head #strLogo (a, a:hover) {
font-size: 18px;
text-shadow: 2px 2px 2px #666666;
text-decoration: none;
}

Answer 1

If you are looking for a more sophisticated version of CSS, you should consider
Less (The Dynamic Stylesheet Language)
SASS (Syntactically Awesome Style Sheets)