为什么在浏览器中写的一些样式会被画上删除线

https://blog.csdn.net/sinat_35030910/article/details/53002568

背景

在写CSS样式的时候，发现我们写的CSS样式在浏览器并没有实现，打开开发者工具查看元素发现我们写的CSS样式上有一条删除线

可能的原因

1.该样式的写法已经被摒弃，但是浏览器一般还是会显示出你写的样式

2.你写的样式被相同的样式给覆盖了(可能是后面的样式，也可能是前面的样式)

 

具体分析其中一种情况

 

CSS中的！important 关键字

如果一个样式后被赋予该关键字的话，那么浏览器将只显示这处的样式，不管在其后面会不会任仍然有该样式

！important 就是将该出的样式强制性地定义为老大，不管其CSS选择器是不是最低级的标签

嘿，没错，！important 就是这么牛，它就是最强外挂

但是同一种样式可以有多处被赋予！important 关键字

这时，就要体现！important 的谦让原则了

那就是先出生的要让着后出生的

这很容易理解，先出生的就是哥哥，后出生的就是弟弟，哥哥总是要让着弟弟的

所以，当有相同样式有多处都出现了！important 关键字，后面的会覆盖前面的

 

相关链接

http://www.w3cplus.com/css/the-important-css-declaration-how-and-when-to-use-it.html