CSS: hover選擇器的使用詳解


用法1:這個表示的是:當鼠標懸浮在a這個樣式上的時候,a的背景顏色設置為黃色

a:hover
     {
         background-color :yellow;
     }

用法2:

使用a 控制其他塊的樣式:

  使用a控制a的子元素 b:

.a:hover .b {
         background-color : blue ;
     }
使用a控制a的兄弟元素 c(同級元素):
.a:hover + .c {
         color : red ;
     }
使用a控制a的就近元素d:
.a:hover ~ .d {
         color :pink;
     }


免責聲明!

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



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