第一等級 :代表內(nèi)聯(lián)樣式,如:style="" ,權值為1000
第二等級:代表id選擇器赃份,如:#content,權值100
第三等級:代表類锹锰,偽類和屬性選擇器,如:.content .conter:hover [type="text"]漓库,權值為10
第四等級:代表類型選擇器和偽元素選擇器 a a:before a:after恃慧,如div p,權值為1?
ps:通用選擇器(*)渺蒿,子選擇器(>)和相鄰同胞選擇器(+)并不在這四個等級中痢士,所以他們的權值都為0
偽類和偽元素的根本區(qū)別在于:它們是否創(chuàng)造了新的元素(抽象)。從我們模仿其意義的角度來看茂装,如果需要添加新元素加以標識的怠蹂,就是偽元素,反之少态,如果只需要在既有元素上添加類別的城侧,就是偽類。
:first-child 偽類
::after ::before 偽元素