set font-weight as normal after visit for h2

Question

I have css as following and would like to have an effect works that after visiting, the bold word would appears to be normal weight. The a:visited for font color works but doesn't work for font-weight. And I tried with p-tag doesn't work, either. I need this tag to work with h-tag though.

a:link h2{
    color: #FF0000;
    text-decoration:none;
    font-weight:bold;
}

 a:visited h2{
     color: #00FF00;
     font-weight:normal;
}

a:hover h2{
    color: #FF00FF;
    text-decoration:underline;
}

a:active h2{
    color: #0000FF;
}

Is there anyone can help with this? Thanks. trying in plunker here now

Works just fine in your plunker example... everything about your css also looks good to me. — spatel, Jun 24 '14 at 03:55
@user3739658 it's a title so I used h2. Wondering if there's anyway to change the font-weight for h2. — user3769516, Jun 24 '14 at 04:48
@spatel it works for the color not the font-weight. Is it because of my browser? btw, I use mac and the newest chrome. — user3769516, Jun 24 '14 at 04:49
@Blexen thanks for the link. so there's no workaround with this issue? > — user3769516, Jun 24 '14 at 04:54

score 1 · Answer 1 · edited May 23 '17 at 11:57

1

As mentioned here:

https://stackoverflow.com/a/8331950/3739658

This is a security feature. The functionality of :visited pseudoclass has been restricted in many modern browsers (FF, IE9+, Chrome) to prevent CSS exploit.

There's no workaround for this issue. You can make some links longer, maybe different fonts to make them appear bolder but other than that, the answer is no.

edited May 23 '17 at 11:57

Community

1
1

answered Jun 24 '14 at 04:55

imbondbaby

6,351
3
21
54

score 0 · Answer 2 · answered Jun 24 '14 at 05:39

As I have checked in MDN(Mozilla Developer Network), Visited selector only accept some of the CSS properties.

Only the following properties can be applied to visited links:

color
background-color
border-color (and its sub-properties)
outline-color
The color parts of the fill and stroke properties

In addition, even for the properties you can set for visited links, you won't be able to change the transparency between unvisited and visited links, as you otherwise would be able to using rgba() or hsla() color values or the transparent keyword.

Additional Information About :Visited Selector

set font-weight as normal after visit for h2

2 Answers2