如何覆盖ASP.NET页面中的CSS样式？

Question

我正在尝试覆盖无法更改的样式表中定义的样式。 怎么做？

例如，我在样式表中有以下内容：

.SomeStyle
{
   padding:4px;
}

如何在ASP.NET页中覆盖此内容？

Answer 1

您可以尝试使同一样式比样式表中的样式更“重要”：

.SomeStyle {
    padding: 11px !important;
}

!important声明将使您的样式优先于样式表中定义的样式。 请记住，较旧的浏览器会完全忽略它（例如IE6），因此这可能不是您的理想解决方案。

您还可以通过操纵将哪个CSS类分配给元素来采用JavaScript / jQuery方法。

---

一些阅读材料：

• http://css-tricks.com/when-using-important-is-the-right-choice/

Answer 2

内联css将始终优先于继承的css。

<div style="width:500px">

Answer 3

您可以在包含此样式的CSS之后调用样式表

CSS会覆盖上一次加载的CSS。

制作新的CSS文件，并在实际CSS文件之后调用它。

你也可以这样

<div class="Calendar" style="height:10px;width:10px;"></div>

要么

<link rel="stylesheet" href="default.css" type="text/css" />
<link rel="stylesheet" href="OverWritedefault.css" type="text/css" />