類別中的例外/條件

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 */ 
}