一個簡單的tr:hover效果


  昨天,搞項目的時候,在一個小問題上卡了40分鍾,現在想想,還是平時比較少去注意一些細節,經過這次,一定要去多注意細節了。

  好了廢話不多說,我現在說明下遇到的問題,一個表格中,要求是當鼠標滑過每一行時,該行就有高亮顯示,前天寫的時候感覺比較簡單啊,就是在表格里面的tr加上一個hover樣式就行,即是 tr:hover {...} ,這樣就行了,當時也成功了。但是昨天項目又有調整,就是要給td一個背景色,我加上了背景色,當時沒發現這個高亮的效果已經沒了,晚上回來調試的時候老不行當時的想法是樣式的優先級的問題,背景色被覆蓋了,於是調了半天也沒反應,后來,才發現在tr:hover td {...} 這樣就行啦。

  我后來用靜態頁寫了下來,看了下,一般來說,如果td沒有顏色的話,tr:hover{...} 是可以的,當然如果你想給tr顏色的話,兩個是不影響的。 但是,如果td有顏色,即是有css寫了背景色的話,tr:hover td {....}這樣寫hover樣式也可以。

  學習就是積累的過程。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM