当下面的所有值都是计算中的删除线时,查找继承的css样式值?

时间:2016-10-06 13:18:54

标签: html css google-chrome styles

我在两个chrome标签中有相同的页面。此页面具有一个配置,如果您更改它,将修改某些样式。 我遇到的问题是不应该改变特定的风格,但事实上它确实如此。这是line-height样式。

我遇到的问题是,在一个页面中,line-height为14px,而另一页为18px,font-size也是如此。

我搜索了chrome开发人员工具的计算部分,但我找不到该更改的来源,因为line-heightfont-sizeinherit但是下面的所有值都是删除线。所以我的问题更通常是知道这些值的设定位置? enter image description here

2 个答案:

答案 0 :(得分:1)

 - Open Chrome Web Inspector.
 - Select the "Element" where you want to check the line height.
 - On the right hand side, you will find "styles".
 - Now scroll on the "styles" to find all the "line-height" styles from different styling files. 

You will see Inherited From section there.
Example:

enter image description here

答案 1 :(得分:0)

“继承”表示元素从另一个(父)元素获取行高的值。我猜你修改了这样一个父元素。你可以通过使用!important来为你的元素提供行高的精确值来避免这种情况。

.your-element{line-height: 14px!important;}