CSS 伪类和伪元素以及权重比较

2021年7月1日 1点热度 0条评论 来源: hopefullman

伪类:注意伪类是类

伪元素:注意伪元素是代表一类元素

权重比较

共分为4个等级:

第一等:代表内联样式,如: style="xxx",权值为1000

第二等:代表ID选择器,如:#content,权值为100

第三等:代表类,伪类和属性选择器,如.content,:hover,[attribute],权值为10

第四等:代表元素选择器和伪元素选择器,如div,p,权值为1

注意:通用选择器(*),子选择器(>)和相邻同胞选择器(+)相邻后代选择器(~)并不在等级中,所以他们的权值都为0。

比较案例

补充知识点:

    原文作者:hopefullman
    原文地址: https://blog.csdn.net/hopefullman/article/details/88777704
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。