I know of the selector :not() but it doesn\'t work, like tr:not(tr:first-child):hover. I want to style the other trs but not the first one
:not()
tr:not(tr:first-child):hover
tr
Use the adjacent sibling combinator. As a bonus, it's a bit more widely supported than :not()
TR + TR { background-color: silver; } TR + TR:hover { background-color: green; }
http://jsfiddle.net/ETYQN/2/