PRELOADER

当前文章 : 《CSS中hover失效的几个原因》

5/5/2019 —— 

选择器的顺序

  :hover需要置于:visited(为已访问的链接设置样式) 、 :link(为未访问的链接设置样式)、:active(为未活动的链接设置样式)选择器之后才生效。

在:hover前加空格

.b :hover {background: #da56d0;}

只能操作子元素和其兄弟元素

例:

1
2
3
4
5
6
7
8
    <div class="one">      
         <div class="two"></div>
     </div>
     <div> 
          <div class="one2"><div>
     </div>
     有效: .one:hover .two {background: #da56d0;} 
     无效: .one:hover .one2 {background: #da56d0;}