### 问题描述
例子地址 https://codepen.io/qyingkou/p...
例子说明:
parent设置line-height为10。
son设置all:initial之后再设置line-height为1。
从dev-tool的computedStyle面板看,值1是生效了,然而界面却保持着10的效果,诡异!
### 测试各种边界情况
1,各大浏览器都是一样的表现,排除是浏览器的问题。
2,son元素设置line-height:20时是生效的,说明值比parent大是有效的,仅仅是值更小才无效。
3,son元素设置line-height:initial之后,设置line-height:1,生效!
### 相关代码
例子地址 https://codepen.io/qyingkou/p...
问题总结下:
为什么子元素在先设置all:initial之后再覆写比父元素值还小的line-height就会失效呢?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…