Search code examples
asp.nethtmlvisual-web-developer

Why doesn't the text change color when I edit the css page?


I created a new web application in visual web developer. I saw that the title of "Site.Master" (in code) is:

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

So I opened "Site.css" and added:

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

Showing "Default.aspx", though, doesn't show the text ("My ASP.NET Application ") in blue. Why?

EDIT: From the source code:

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

So I added color: Blue; in the css under body, page, header, title, and h1. I rebuilt, and pressed Ctrl + F5. Doesn't help. I'm trying this in IE and Firefox.


Solution

  • Update your css like below.

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