css - 我可以在不同的 css 类中定义具有不同属性的现有 css 类吗？

Question

我有一个 CSS 类来显示 portlet 标题:

.portlet-title {
    color: #FFFFFF; 
    font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}

在另一个 css 文件中我有一个类:

.lfr-grid.dragging {
    border-collapse: separate;
}

现在我想在 .lfr-grid.dragging 中调用类 .portlet-title 并将颜色属性更改为颜色:#000000

Answer 1

CSS 不是关于调用类，而是关于应用或多或少特定的样式。

假设这样的结构:

<div class="portlet-title">...</div>

有时会变成这样:

<div class="portlet-title lft-grid dragging">...</div>

您可以简单地应用更具体的样式:

.portlet-title.lfr-grid.dragging {
    color: #000000;
}