CSS权重

我的未来我决定 提交于 2020-03-16 12:05:29

曾经在有一年工作经验的时候去面试,被考官问及CSS权重的问题,当时我的回答是:

1.内联样式>写在头部的样式>外部导入的样式表

2.写在后面的样式会覆盖前面的样式

3.好像样式名称层级越多,优先级越高。比如: li.classA .classB > .classA .classB虽然这个例子是正确的,但是那时候是存在一个误区的, .classA .class > #idA

 

今天看了一篇文章,受益匪浅,决定概括性地记录一下,加深印象。

 

权重有计算口诀的哟! 来跟我一起背起来~~~

一个行内样式+1000,一个id+100,一个属性选择器/class或者伪类+10,一个元素名,或者伪元素+1

然后再来一个栗子,只要小学数学毕业了,应该都会了。

 

如果想要阅读长篇文章的话,请移步:http://www.w3cplus.com/css/css-specificity-things-you-should-know.html

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!