我认为初始值将恢复最初渲染的样式(由
browser的内部
user-agent样式表应用)。
例:
div.inline { display: inline; } div.initial { display: initial; }
我预计div.inline规则会显示< div class =“inline”>在内联模式下,div.initial规则将显示< div class =“initial”>使用div的原始显示值块。
但是当我探索这个时,< div class =“initial”>显示内联。我错了吗?任何人都可以详细说明这个吗?
解决方法
initial
value(非属性)表示属性的初始值,如CSS规范中所定义:“’initial’关键字表示指定为属性初始值的指定值。”因此,其含义取决于属性,但是没有其他任何东西,例如不在浏览器上或属性所应用的元素上。所以它并不意味着浏览器默认。
例如,对于display属性,initial始终表示内联,因为这是属性的指定初始值。在示例中,浏览器默认为block,因为该元素是div。
因此,初始值具有有限的用途。由于误解,其主要影响似乎是让人迷惑。一个可能的用例是color属性,因为它的初始值取决于浏览器(大多数是黑色,我们知道,但不一定)。对于它,初始意味着浏览器默认,因为这是属性的定义方式,类似的用例是font-family:通过声明font-family:initial,你得到浏览器的默认字体(可能取决于浏览器设置)。
由于缺乏对IE(甚至IE 10)的支持,其实用性进一步受到限制。