稍不留意便会忽略掉级联样式表的特点。大多数开发者都知道inherit关键字,但有几个新的CSS3继承特性你可能不知道…
 property: inherit;

  inherit关键字代表“使用指定给父元素的所有值”。如果父元素中没有明确的值定义,浏览器搜寻DOM树直到找到相应的属性。最终无法找到的话,它会使用浏览器的默认值,例如:
 

CSS Code复制内容到剪贴板
  1. #myparent   
  2. {   
  3.     margin: 10px;   
  4.     border: 1px solid #000;   
  5. }   
  6.     
  7. /* use the same border as the parent */  
  8. #myparent p   
  9. {   
  10.     border: inherit;   
  11. }  

  在实践中是很少有必要使用inherit的。许多有用的属性自动继承,例如字体,字体大小,颜色,等等。

  inheritis可以放心地使用。尽管IE6和IE7不支持,但你的设计不会因为这个而被破坏。
 property: initial;

  哦,一个新的CSS3关键词!initial设置一个属性为它的初始值——浏览器的默认定义值,例如:
 

CSS Code复制内容到剪贴板
  1. body   
  2. {   
  3.     font-size: 0.5em;   
  4. }   
  5.     
  6. /* reset paragraphs to 1em */  
  7. p   
  8. {   
  9.     font-size: initial;   
  10. }  

  它有用么?可能吧,毕竟你不能确保所有浏览器有相同的默认值。

  支持合理——Chrome,Firefox,Safari和Opera 15 +。IE下它不生效,而且我正在努力思考什么情况下这将是一个灾难性问题。
 property: unset;

  这是稍微不寻常的一个。unset使用时,它表现地就像有可继承值存在时继承了一样。如果它找不到可继承的值——比如,它是像box-shadow等不可继承的属性——它表现地好像继承了浏览器的默认值。

  话又说回来,我想不出太多使用unset的场景,目前对支持它的很少。
 all: [ inherit | initial | unset ];

  最后,all是一个属性而不是一个值。你可以指定inherit、initial或者unset来影响所有的属性,例如重置所有CSS属性为浏览器默认:
 

CSS Code复制内容到剪贴板
  1. #mywidget   
  2. {   
  3.     all: initial;   
  4. }  

  如果你添加了第三方控件且要避免页面样式冲突的话,这可能是一个可选的全局CSS域。

  不幸的是,目前为止你不能依靠跨浏览器的严格的一致性,然而,它依然是一个有用的特性。

广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。