ASP.NET href CSS not being applied

Question

CSS isn't being applied in aspx page. It works when the css is defined in the same page (href references a.classname) but when it is put into a stylesheet it is not applied. When element is inspected, Chrome says user agent stylesheet is being applied.

It says that a:-webkit-any-link is being applied to hyperlinks (user agent stylesheet)

Any ideas why this isn't working?

I reference the class for the hyperlink using:

<div class="summaryitem"><a ID="hl" runat="server" href="" class="someclassname">Hyperlink CSS should be applied to this</a>

Here's the CSS I'm using:

a.someclassname:link { 
    font-weight: bold;   
    color: #555;
    text-decoration:none;
    }
a.someclassname:visited { 
    font-weight: bold;   
    color: #555;
    text-decoration:none;
    }
a.someclassname:hover { 
    font-weight: bold;   
    color: #555;
    text-decoration:none;
    }
a.someclassname:active { 
    font-weight: bold;   
    color: #555;
    text-decoration:none;
    }

could you show us your code where you reference the stylesheet document? maybe the path is incorrectly specified? relative versus absolute is what i'm thinking at the moment... — Sander
– Sander, Commented Sep 26, 2011 at 9:14
The path is correct as other elements in the page use css from the same stylesheet. — Theomax
– Theomax, Commented Sep 26, 2011 at 9:26
It says that a:-webkit-any-link is being applied to hyperlinks (user agent stylesheet) — Theomax
– Theomax, Commented Sep 26, 2011 at 9:26

V4Vendetta · Accepted Answer · 2011-09-26 09:18:54Z

2

I think you have not properly added your stylesheet, does it resemble something like this

<link type="text/css" href="css/mylayout.css" rel="Stylesheet" />

answered Sep 26, 2011 at 9:18

V4Vendetta

38.5k9 gold badges83 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Theomax Over a year ago

It is added in that way. But it seems to still not be applied

Uwe Keim · Accepted Answer · 2011-09-26 09:37:08Z

2

Please check the following

Check the href location that you are refering is correct.
Try to delete the offline files in your browser
Check your class name correctly mapped..

edited Sep 26, 2011 at 9:37

Uwe Keim

40.9k61 gold badges193 silver badges308 bronze badges

answered Sep 26, 2011 at 9:21

Govind

5441 gold badge6 silver badges23 bronze badges

Comments

BigMike · Accepted Answer · 2011-09-26 09:41:43Z

1

If you're in a partial view, just be sure the parent view includes the CSS ref.

EDIT: wow got a similar problem a few minutes ago. I've solved testing my view with Chrome and using the network auditing feature (at the page hit F12, click on Network and then reload your page). Should tell you at least if your CSS is correctly sent to the browser. (my problem was I wasn't referencing the correct CSS).

EDIT-2: I usually refer to CSS via:

<link href="@Url.Content("~/Content/css/fg.menu.css")" media="screen" rel="stylesheet" type="text/css" />

But I'm using MVC with Razor views, I've noticed that putting CSS out of the Content folder can be nasty on ASP.NET.

HTH

edited Sep 26, 2011 at 9:41

answered Sep 26, 2011 at 9:14

BigMike

6,8931 gold badge25 silver badges27 bronze badges

Collectives™ on Stack Overflow

ASP.NET href CSS not being applied

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related