重新学习css优先级
伪类样式的优先级与 类的优先级是一样的都是 3 ( 0 是important 1是行内 2 是id 4是元素和伪元素)
如下DEMO
a:hover 的优先级与 .hehe a 的优先级相同
(a.xixi 的优先级与上两个优先级也相同)
都是 0.0.1.1 ,当如上三个样式都出现的时候 根据位置顺序确定 优先关系
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .hehe a { text-decoration: none;; } a:hover { text-decoration: underline; } a.xixi { text-decoration: none; } </style> </head> <body > <div class="hehe"> <a class="xixi" href="#">aa</a> </div> </body> </html>