CSS在F12调试时的问题

调试中出现的那一条横杠是什么意思?在chrome的f12调试工具中,对其中css代码上的那一条横杠表示不知道怎么回事?

横杠表示该属性被其他地方的定义覆盖了,可以在后面加上! important来锁定这项属性的值,避免被其他处的定义覆盖

http://jingyan.baidu.com/article/148a1921a446cf4d71c3b182.html

CSS(Cascading Style Sheets)层叠样式表,css代码上有横线说明它被另外一条设置相同属性值的权重更高的css代码给覆盖了。

表示样式按照css优先级的规则,由于优先级比较低,所以会被被覆盖掉了,实际上是没有生效