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

asp.net html visual-web-developer
ispiro picture ispiro · Apr 3, 2012 · Viewed 7.4k times · Source

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.

Answer

Kyle Trauberman picture Kyle Trauberman · Apr 3, 2012

The stylesheet is probably cached on the browser. Clear your browser cache, and you should see the change.

Also, You probably did this for emphasis, but you don't need to surround the css in asterisks.

You can prevent this from occurring in the future by appending a query string to the css link:

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

Something like this will cause the browser to download the css file every time the page is requested.

Related questions

How to change the text of a label?

I have a radiobutton list and on click on the radio button item I have to change the text of its label. But for some reason it's not working. Code is below: <asp:Label ID="lblVessel" Text="Vessel:" runat="…

Read More
WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for 'jquery'. Please add a ScriptResourceMapping named jquery(case-sensitive)

I'm building a web application using Visual Studio 2012. I'm attempting to add word count into my textbox. However after adding the the javascript codes and the html codes. I receive the error as stated above. Here is my javascript codeds …

Read More
How to hide columns in HTML table?

I have created a table in ASPX. I want to hide one of the columns based on the requirement but there is no attribute like visible in the HTML table building. How can I solve my problem?

Read More