发表日期:2019-09 文章编辑:小灯 浏览次数:3323
W3C推出一组崭新的css样式规则:all:default。All标签下设initial、inherit和default三种属性值。Initial意为“最初”,采用all:initial规则强调子类样式属性继承自起始类,直接越过父类样式属性的冲突部分;inherit是all标签默认值,其意为“继承”,css样式规则默认父类样式属性遗传给子类;default的意思是“默认”,all:default是重新设定css样式属性,清除所有上级类的影响。
上面讲了一堆好像很拗口的样子,所以我们还是举例说明吧。首先依旧是html代码部分:
在html页面当中,位于<body></body>之间的内容是用户可见部分,规则默认(all:inherit)的样式属性继承关系是html→body→one和html→body→two这两条线,html为起始类,body为one和two的父类。假定html{color:red},网页文字“段落一”和“段落二”都会变成红色;增加body{color:pink},上述文字又会变成粉色。这就是默认的css样式父子继承模式。
进一步追加.one{all:initial}和.two{all:default},在承认all标签相关属性值的浏览器中应该可以看到,“段落一”变成红色,继承起始类html的样式属性;而“段落二”则变成系统默认的黑色,无论html还是body的样式属性均无法对其构成影响,也就是将上级类的样式属性清零重设。
遗憾的是目前尚无主流浏览器支持all标签。作为系统默认值的all:inherit无论写不写都能保证子类顺利继承父类样式属性,而all:initial和all:default无论写不写都不会影响到这种继承,就和现阶段的ol有序列表的reversed倒序模式一样鬼用没有。但这不妨碍网页制作者对all标签的期待——我就想要某些网页文字显示为系统默认颜色或者起始类设定颜色,我才不要反反复复把同一标签同一属性值写很多遍呢!
日期:2019-09 浏览次数:6054
日期:2019-09 浏览次数:4077
日期:2019-09 浏览次数:4880
日期:2019-09 浏览次数:9872
日期:2019-09 浏览次数:10019
日期:2019-09 浏览次数:3864
日期:2019-09 浏览次数:3480
日期:2019-09 浏览次数:3241
日期:2019-09 浏览次数:2958
日期:2019-09 浏览次数:3375
日期:2019-09 浏览次数:6678
日期:2019-09 浏览次数:3089
日期:2019-09 浏览次数:3582
日期:2019-09 浏览次数:3215
日期:2019-09 浏览次数:3272
日期:2019-09 浏览次数:3517
日期:2019-09 浏览次数:5136
日期:2019-09 浏览次数:2830
日期:2019-09 浏览次数:3894
日期:2019-09 浏览次数:3320
日期:2019-09 浏览次数:3526
日期:2019-09 浏览次数:3540
日期:2019-09 浏览次数:3051
日期:2019-09 浏览次数:3833
日期:2019-09 浏览次数:4941
日期:2019-09 浏览次数:4773
日期:2019-09 浏览次数:2983
日期:2019-09 浏览次数:8329
日期:2019-09 浏览次数:4088
日期:2019-09 浏览次数:3322
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.