css样式的优先顺序

本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=caj1j&title=css%E6%A0%B7%E5%BC%8F%E7%9A%84%E4%BC%98%E5%85%88%E9%A1%BA%E5%BA%8F

一、css样式的权重：！important(1000+) > 内联样式(  1000 ) > ID选择器(100 ) > 类选择器(10) > 标签选择器( 1 ) > 默认样式( 0 )

二、常用的样式顺序： 内联样式表 > ID 选择器 > Class 类选择器 >  HTML 标签选择器

三、说明：

1.  选择器的权值越大越优先，“!important”的优先级最大；

2.  当权值相等时，后设置的样式会覆盖先设置的样式；

3.  自定义的CSS 样式的优先权高于浏览器设置的样式；

4.  后指定的CSS 样式优先于继承的CSS 样式； 

本文转载于:https://www.mk2048.com/blog/blog.php?id=caj1j&title=css%E6%A0%B7%E5%BC%8F%E7%9A%84%E4%BC%98%E5%85%88%E9%A1%BA%E5%BA%8F

转载于:https://my.oschina.net/u/4181724/blog/3086061