исключения / условия в классах

Question

Как вы можете сделать условия в классах?

tr.list_row2:hover > td > div {
/* proporties */
}

Как вы можете сделать исключение для tr.list_row2:hover > td > div.test?Класс не нужно добавлять, если элемент имеет класс div.test

Answer 1

Использовать CSS3 :not():

tr.list_row2:hover > td > div:not(.test) {
}

или для старых IE, которые его не распознают,

tr.list_row2:hover > td > div {
}

tr.list_row2:hover > td > div.test {
    /* undo above rules */
}