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

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

原文地址:https://www.cnblogs.com/zkwarrior/p/9222394.html