如何扩展css类

前端之家收集整理的这篇文章主要介绍了如何扩展css类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要扩展特定的CSS样式.例如,我正在使用第三方DLL,它将CSS类样式动态分配给特定控件.我想在我的asp.net项目中创建一个具有相同名称的css类,其中第三方DLL和我的项目CSS类样式的样式都应用于控件.

比如说,第三方正在按名称上课

.VerticalAlign
{
   vertical-alignment:center;
}

现在我按名称创建Class .VerticalAlign {color:#f3f3f3}

当我应用上面的类来控制时,我需要将垂直对齐和颜色应用于我的控件.

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

解决方法

你做得对;保留相同的名称,添加属性,应该应用它们.
/* 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-ish)或指定更大的specificity(即包括标记名或其他类名或ID).

猜你在找的CSS相关文章