html - 是否可以继承css类？

Question

我有两个 CSS 类:

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

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

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

Answer 1

No .

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

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

在这种情况下，分组选择器 (,) 可能是最合适的:

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

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