说我有一个像这样的div,将拥有所有相同的属性与背景图片或类似的东西:
div.someBaseDiv { margin-top:3px; margin-left:auto; margin-right:auto; margin-bottom:0px; }
我想继承它从这样:
div.someBaseDiv someInheritedDiv { background-image:url("images/worldsource/customBackground.gif"); background-repeat:no-repeat; width:950px; height:572px; }
解决方法
最简单的是将someInheritedDiv元素添加到这样的第一个规则。
div.someBaseDiv,#someInheritedDiv { margin-top:3px; margin-left:auto; margin-right:auto; margin-bottom:0px; }
这将告诉您的#someInheritedDiv应用与div.someBaseDiv相同的样式。然后你扩展这组样式,更具体到你的#someInheritedDiv:
#someInheritedDiv { background-image:url("images/worldsource/customBackground.gif"); background-repeat:no-repeat; width:950px; height:572px; }
这是CSS的具体性如何工作。