Question

I want to apply same style to

a, a:hover

of elements residing inside an id, class and element. What’s the most valid and effective syntax?

Example:

#leftmenu .shortcuts ul li a, a:hover {
  text-decoration: none;
}

Regards,
//t

Answer 1

CSS isn’t that smart, so you’ll have to explicitly write out that first part, again. As @sdleihssirhc noted, you can omit li, as ul elements are assumed to already contain lis, so the selector would still work:

#leftmenu .shortcuts ul a,
#leftmenu .shortcuts ul a:hover {
  text-decoration: none;
}

I’d consider giving that ul an id, as it would condense your CSS considerably:

#lm_ul a, #lm_ul a:hover {
  text-decoration: none;  
}