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