css優先級調整-解決總體設置a:hover的方法

css優先級 css


  1. id>class>tag
  2. 同等級的選擇器越多,優先級越高


  • 所以能夠經過加個id讓其優先級更高來解決
  • 能夠用!important  來讓優先級最高
    a:hover{
    color:#333!important;
    }

由於!important不建議用(緣由就很少說了) spa

  • 第三種要了解a標籤的原理
a{
    color:#333;
}



上面的代碼雖然只設置了a的樣式,實際上也罷a:hover a:link a:active都設置了

所以若是你要設置a的默認顏色 code

能夠這樣設置 class

a:link{
   color:#333;
}
而後你再設置a:hover就不會有優先級的問題了
相關文章
相關標籤/搜索