我可以在不同的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;
}

Answer 2

您可以通过以下方式完成此任务：

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

请注意.lfr-grid.dragging在IE6中不起作用，因为它不支持类的链接。