正如其他人所说，您可以向一个元素添加多个类。

但这不是真正的重点。我明白你关于遗产的问题。真正的问题是CSS中的继承不是通过类来实现的，而是通过元素层次结构来实现的。因此，要对继承的特性进行建模，需要将它们应用于DOM中不同级别的元素。

在Css文件中：

p.Title 
{
  font-family: Arial;
  font-size: 16px;
}

p.SubTitle p.Title
{
   font-size: 12px;
}

不要将css类视为面向对象的类，将它们视为其他选择器中的一个工具，用于指定html元素的样式。将大括号之间的所有内容视为属性类，左侧的选择器告诉它们选择的元素从属性类继承属性。例子：

.foo, .bar { font-weight : bold; font-size : 2em; /* attribute class A */}
.foo { color : green; /* attribute class B */}

当一个元素被赋予属性class＝“foo”时，最好不要将其看作是从class.foo继承属性，而是从属性class A和属性class B继承属性。也就是说，继承图是一个层次，元素从属性class派生，选择器指定边的位置，以及当存在竞争属性时确定优先级（类似于方法解析顺序）。

编程的实际含义是这样的。假设您有上面给出的样式表，并希望添加一个新的类.baz，其中它应该具有与.foo相同的字体大小。最简单的解决方案是：

.foo, .bar { font-weight : bold; font-size : 2em; /* attribute class A */}
.foo { color : green; /* attribute class B */}
.baz { font-size : 2em; /* attribute class C, hidden dependency! */}

每当我要打两次字时，我都会很生气！我不仅要写两次，现在我没有办法用程序表示.foo和.baz应该具有相同的字体大小，而且我创建了一个隐藏的依赖项！我的上述范例建议我应该从属性类A中抽象出字体大小属性：

.foo, .bar, .baz { font-size : 2em; /* attribute base class for A */}
.foo, .bar { font-weight : bold; /* attribute class A */}
.foo { color : green; /* attribute class B */}

这里的主要抱怨是，现在我必须再次键入属性类A中的每个选择器，以指定它们应该选择的元素也应该继承属性基类A中的属性。然而，替代方法是，必须记住在每次发生更改时编辑每个存在隐藏依赖项的属性类，或者使用第三方工具。第一个选项让上帝发笑，第二个选项让我想自杀。

这在CSS中是不可能的。

CSS中唯一支持的是比另一条规则更具体：

span { display:inline }
span.myclass { background: red }

类为“myclass”的span将同时具有这两个财产。

另一种方法是指定两个类：

<div class="something else">...</div>

“else”的样式将覆盖（或添加）“something”的样式

我遇到了同样的问题，最后使用了JQuery解决方案，使类看起来可以继承其他类。

<script>
    $(function(){
            $(".composite").addClass("something else");
        });
</script>

这将查找具有类“composite”的所有元素，并将类“something”和“else”添加到元素中。所以类似于＜div class=“composite”＞</div>将这样结束：＜div class=“composite something other”＞</分区>

完美的时机：我从这个问题转到了我的电子邮件，找到了一篇关于Less的文章，这是一个Ruby库，除其他外，它还做了以下工作：

由于super看起来就像页脚，但字体不同，所以我将使用Less的类包含技术（他们称之为mixin）来告诉它也包含这些声明：

#super {
  #footer;
  font-family: cursive;
}