昨天,搞項目的時候,在一個小問題上卡了40分鍾,現在想想,還是平時比較少去注意一些細節,經過這次,一定要去多注意細節了。
好了廢話不多說,我現在說明下遇到的問題,一個表格中,要求是當鼠標滑過每一行時,該行就有高亮顯示,前天寫的時候感覺比較簡單啊,就是在表格里面的tr加上一個hover樣式就行,即是 tr:hover {...} ,這樣就行了,當時也成功了。但是昨天項目又有調整,就是要給td一個背景色,我加上了背景色,當時沒發現這個高亮的效果已經沒了,晚上回來調試的時候老不行當時的想法是樣式的優先級的問題,背景色被覆蓋了,於是調了半天也沒反應,后來,才發現在tr:hover td {...} 這樣就行啦。
我后來用靜態頁寫了下來,看了下,一般來說,如果td沒有顏色的話,tr:hover{...} 是可以的,當然如果你想給tr顏色的話,兩個是不影響的。 但是,如果td有顏色,即是有css寫了背景色的話,tr:hover td {....}這樣寫hover樣式也可以。
學習就是積累的過程。