本博客日IP超过2000，PV 3000 左右，急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包，请加博主新的微信号：xttblog2，之前的微信号好友位已满，备注：返现
受密码保护的文章请关注“业余草”公众号，回复关键字“0”获得密码
所有面试题(java、前端、数据库、springboot等)一网打尽，请关注文末小程序
腾讯云】1核2G5M轻量应用服务器50元首年，高性价比，助您轻松上云
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标签的期待——我就想要某些网页文字显示为系统默认颜色或者起始类设定颜色，我才不要反反复复把同一标签同一属性值写很多遍呢！
最后，欢迎关注我的个人微信公众号：业余草（yyucao）！可加作者微信号：xttblog2。备注：“1”，添加博主微信拉你进微信群。备注错误不会同意好友申请。再次感谢您的关注！后续有精彩内容会第一时间发给您！原创文章投稿请发送至532009913@qq.com邮箱。商务合作也可添加作者微信进行联系！
本文原文出处：业余草： » CSS3新规则：继承与重设