html - 是否可以继承CSS类？

我有两个CSS类：

magrin{
    margin-top:35px;
    background-color:red;
}

#MainContent {
    margin: 0 .3em;
    font-size: .8em;
}

是否可以使#MainContent类继承magrin类？

最佳答案

No。

CSS继承是从父元素到子元素，而不是从一个规则集到另一个规则集。

您可以使用分组选择器编写样式，将多个类应用于单个元素，或使用预处理工具（例如SASS或LESS）。

在这种情况下，分组选择器（,）可能是最合适的：

#MainContent {
    margin: 0 .3em;
    font-size: .8em;
}

#MainContent, magrin{
    margin-top:35px;
    background-color:red;
}