Question

我在可视化Web开发人员中创建了一个新的Web应用程序。我看到“Site.Master”的标题（代码中）是：

<div class="title">
    <h1>
        My ASP.NET Application
    </h1>
</div>

所以我打开了“Site.css”并添加了：

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color:Blue;
}

但是，显示“Default.aspx”不会显示文本（“我的ASP.NET应用程序” “）蓝色。为什么？

编辑：源代码：

<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>

所以我在body，page，header，title和h1下的css中添加了color: Blue;。我重建了，按了 Ctrl + F5 。没有帮助。我在IE和Firefox中尝试这个。

Answer 1

如下更新您的CSS。

.title h1
{ 
    font-size: 1.6em !important; 
    padding-bottom: 0px !important; 
    margin-bottom: 0px !important; 
    color:Blue !important; 
}

Answer 2

样式表可能缓存在浏览器上。清除浏览器缓存，您应该看到更改。

~~另外，你可能是为了强调而做了这个，但你不需要用星号包围css。~~

您可以通过在css链接中附加查询字符串来防止以后发生这种情况：

<link rel="stylesheet" type="text/css" href='site.css?v=<%= DateTime.Now.Ticks %>' />

这样的事情会导致浏览器在每次请求页面时都下载css文件。

Answer 3

来自：http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

通过计算css的各种组成部分来计算特异性并以（a，b，c，d）的形式表达它们。这将更加清晰例如，但首先是组件。
Element, Pseudo Element: d = 1 – (0,0,0,1)
Class, Pseudo class, Attribute: c = 1 – (0,0,1,0)
Id: b = 1 – (0,1,0,0)
Inline Style: a = 1 – (1,0,0,0)

因此，div的类别超越了h1的元素设置。

Answer 4

尝试

color: blue;

而不是

**color:Blue;**

Answer 5

两件事：

您可能只需要对页面进行“硬刷新”。尝试按 Ctrl + F5 ，看看是否有帮助。
如果另一个CSS规则影响该元素，您可能需要一个更具体的选择器来控制该元素。尝试将“h1”更改为“.title h1”

Answer 6

我不知道为什么会发生这种情况，但你需要清除firefox缓存和cookie，然后才能运行。

Answer 7

这种情况很普遍，并且仅当您的网页内容是从在线模板中获取时，才几乎无法解决此问题（遗憾的是，几乎无能为力）。为了确认这一点，请创建具有不同模板的两个Web表单，并且两个Web表单共享相同的“网站管理员”页面。继承了内容设计。

为什么编辑css页面时文本没有变色？

7 个答案: