栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

将CSS显示属性重置为默认值

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将CSS显示属性重置为默认值

浏览器的默认样式在其用户代理样式表中定义,您可以在此处找到其来源。不幸的是,级联和继承级别3规范似乎并未提出一种将样式属性重置为其浏览器默认值的方法。但是,有计划在级联和继承级别4中为此重新引入一个关键字-
工作组尚未确定该关键字的名称(该链接当前显示

revert
,但不是最终的)。有关浏览器支持的信息
revert
可在caniuse.com上找到。

尽管3级规范确实引入了

initial
关键字,但将属性设置为 初始值 会将其重置 为CSS定义的 默认值, 而不是浏览器 定义的默认值。的初始值
display
就是
inline
;
这是在这里指定的。该
initial
关键字指的是价值,而不是浏览器的默认。规范本身在
all
属性下进行了注释:

例如,如果作者

all: initial
在元素上指定,它将阻止所有继承并重置所有属性,就像级联的作者,用户或用户代理级别中没有规则一样。

这对于不希望继承外部页面样式的页面中包含的“窗口小部件”的根元素很有用。但是请注意,应用于该元素的任何“默认”样式(例如,

display:block
来自UA样式表上的块元素,例如
<div>
)也将被吹走。

因此,我想现在使用纯CSS的唯一方法是查找浏览器默认值并将其手动设置为:

div.foo { display: inline-block; }div.foo.bar { display: block; }

(上述方法的替代方法是

div.foo:not(.bar) { display: inline-block; }
,但其中涉及修改原始选择器,而不是覆盖。)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416188.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号