Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
512 views
in Technique[技术] by (71.8m points)

对元素施加all:initial之后覆写line-height无效的问题

### 问题描述
例子地址 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就会失效呢?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

因为all把display属性也重置了


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...