群里突然又聊到了CSS样式的权重,这个话题每隔一段时间就会出现一次,但是每次都去搜索找选择器权重的文章分享有点太麻烦了,
主要是配图,想要找到自己记忆里的那张图真的很麻烦😂,所以还是自己整理一篇,以后直接分享自己的笔记就好了。
其实权重计算这个东西不麻烦,就是分 4
类:
inlineStyle
: 行内样式#ID
: ID选择器.Class
: 类,属性和伪类选择器Element
: 元素和伪类元素选择器
简单的权重比较 inline style > ID > Class > Element > *
这个应该不需要说了吧,主要是多个选择器混合使用时计算的问题。