CSS继承

前端之家收集整理的这篇文章主要介绍了CSS继承前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
说我有一个像这样的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;
}

当然,我很确定这是写错了,我不害怕要求帮助,所以有人可以告诉我如何使这项工作,包括HTML标记

解决方法

最简单的是将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的具体性如何工作。

原文链接:https://www.f2er.com/css/221585.html

猜你在找的CSS相关文章