CSS选择器权重
选择器类型: 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 :hover 7、伪元素 ::first-line 8、子选择器、相邻选择器
权重计算规则: 1、第一等:代表内联样式,如: style=””,权值为1000。 2、第二等:代表ID选择器,如:#content,权值为0100。 3、第三等:代表类,伪类和属性选择器,如.content,权值为0010。 4、第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。 5、通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。 6、继承的样式没有权值。
参考文章:https://blog.csdn.net/xlszzck/article/details/86001437
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步