如何扩展css类

Question

我有要求扩展特定的CSS样式。例如，我使用第三方DLL，它将CSS类样式动态分配给特定的控件。我想在我的asp.net项目中创建一个同名的css类，其中来自第三方DLL的样式和我的项目CSS类样式都应用于控件。

比方说，第三方按名称上课

.VerticalAlign
{
   vertical-alignment:center;
}

现在，我使用名称.VerticalAlign { color : #f3f3f3 }创建类

当我将上面的类应用于控件时，我需要将垂直对齐和颜色应用于我的控件。

如果不能使用相同的名称，是否有可能创建具有不同类名的css样式，它继承了第三方dll中定义的CSS类的属性。

Answer 1

您说得对；保留相同的名称，添加新的属性，然后应用这些属性。

/* From DLL */
.foo { color: blue; }

/* Your Style */
.foo { text-align: center; }

/* --- Final outcome --- */
.foo {
  color: blue;
  text-align: center;
}

你可能会遇到优先的问题(如果它们都有颜色，哪种颜色更好)。例如：

/* From DLL */
.foo { color: red; }

/* Your code */
.foo { color: blue; }

您必须使用!important (类似于hack)或指定更大的specificity (例如，包括标记名或另一个类名或ID)。

Answer 2

CSS中的"C“代表层叠，这意味着样式可以添加或取代前面的CSS规则。因此，使用您希望在原始声明上扩展的样式再次声明类名称的示例是实现此目的的正确方法。