CSS选取器的权重弥补

5ep9lzv

咱们应该早就晓得了CSS选取器的优先级

例如：

基本选取器权重：!important > 行内 > id > 类 > 标签 > 通配符

其实便是看范围，理论上能选中内容越多的选取器那它的权重必定是最小的，那样id和行内样式选中范围是对等的，她们之间就能够用就近原则去理解

咱们亦都在网上认识过，晓得各个选取器的详细权重值

!important 10000行内 1000id 100类 10标签 1通配符 0继承样式无权重值

虽然这般你更好理解，更好记忆了，然则其实这不是完全正确的

你们学到这儿可能始终都以为10个标签等于一个类，10个类等于1个id吧？

但并不是如此，id真的不等于10个类，而一个类亦并不等于10个标签

不信？你试试就晓得了！

她们不存在比例关系，经过测试发掘，256个类等价于1个id，因此以后写网页，选取器规划很要紧，不要在前面就频繁显现id选取器，到时候优先级问题引起样式没法覆盖，还妄图用10个类去和id比一比，那就太天真了~

目录：

写在开头11 赞同 · 7 评论文案