asp.net - 如何覆盖外部 css？

Question

我正在使用 YUI Javascript 框架，它为我提供了一个带有 css 文件的日历小部件。这些包含在我的 Site.Master 文件的顶部。我想覆盖与小部件关联的样式，但我似乎无法弄清楚该怎么做。

我已经尝试为小部件的类添加一个条目:

.yui-calendar
{
 height:10;
 width:10;
}

在我的本地 css 文件和主文件中的样式标签中。当我使用 Internet Explorer 的开发人员工具查看页面样式时，它列出了该类样式的 3 个来源:我的本地 css 文件、页面的 ASP.Net View 和外部 YUI css。它从不引用主文件，即使我在本地 css 文件中找到了该类，该样式也不会出现在开发人员工具样式列表中(我在它提供的列表中没有看到 .yui-calendar我)。

所以问题是，覆盖来自外部 css 文件的类的样式的正确方法是什么？

Answer 1

可见 CSS 按以下顺序确定:

1)外部样式表

2)内部样式表(样式标签)

3)行内样式

4)用户自定义样式表

5)带有!important的外部样式表

6)带有!important的内部样式表

7) !important 的内联样式

8) 用户自定义样式，带有 !important

声明的列表中最低的一个将被使用。

请注意，使用 !important 是一种糟糕的形式，因为这会覆盖视障人士使用的用户样式表，并会大大降低这些群体的可访问性/可用性。