偽類樣式:hover的優先順序
阿新 • • 發佈：2018-12-26
重新學習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>