选择器、优先级、计算规则-白红宇的个人博客

选择器、优先级、计算规则

发布日期：2021-11-21 16:35:41 浏览次数：12 分类：技术文章

本文共 429 字，大约阅读时间需要 1 分钟。

css选择器分为简单选择器，伪元素选择器和组合选择器。简单选择器又分为标签选择器，类选择器，ID选择器，通配符选择器，属性选择器和伪类选择器。

css中权重最高的样式为行内样式，就是以style=“”方式直接加入到HTML标签内的样式，其在css优先级中具有最高的权重。

其次是ID选择器，ID选择器由于每一个ID在代码中只能出现一次，和唯一指向性，具有第二高的权重。

权重处于第三的是类、伪类和属性选择器。

权重较低的是标签选择器和伪元素选择器。

css优先级的计算方式可以用一下公式来解决value=a*1000+b*100+c*10+d，依据value值得大小来确定css的优先顺序。其中a表示行内样式，b表示ID选择器的数量，c表示类、伪类和属性选择器的数量，d表示标签选择器和伪元素选择器的数量。

转载地址：https://blog.csdn.net/yyychocolate/article/details/108095800 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：AMD、CMD、CommonJs、ES6的对比

下一篇：flex

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！