html - 继承CSS中的类

假设CSS中有两个类-fatherDiv和childDiv-

.fatherDiv {
    /*
        With background and no special font color
        */
    background-color: #b0c4de;
    width: 350px;
    height: 280px;
}

.childDiv {

    font-family: Arial,Helvetica,sans-serif;
    font-size: 50px;
}

并希望.childDiv继承所有.fatherDiv样式并添加更多样式。

常见的方法是-

<div class="fatherDiv childDiv">I'm the Child</div>

但是我的问题是-

是否可以选择将类样式继承到CSS文件中的另一个类？

我试过了 -

style.css-

.fatherDiv .childDiv {
    /*
          Inherit from .fatherDiv ...
            */
    font-family: Arial,Helvetica,sans-serif;
    font-size: 50px;
}

index.html-

<div class="childDiv">I'm the Child</div>

Here is its jsFiddle

但是它放弃了这种间隔。

最佳答案

你可以这样做：

.fatherDiv, .childDiv {
    background-color: #b0c4de;
    width: 350px;
    height: 280px;
}

.childDiv
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 50px;
}

http://jsfiddle.net/NicoO/9rhDd/6/

您也可能不将这些元素称为child和father。他们是兄弟姐妹。