apply css after reload page

Question

I am in a web page:

http://localhost:3000/

In this page I have a link:

<a href="/dynamic-username/boards">user's boards</a>

in this page I doing click in above link and I go to this page:

http://localhost:3000/dynamic-username/boards

Dynamic username is the username for each user.

I want to apply a css style to the link, if I am visiting this last page. If I visit this page of any user.

How can I apply the css style after I go to second page?

This link is shared for every views in my framework and I have the same css for all views.

I want that if detect this url apply to this link a style css with

font-weight:bold

add <link rel="stylesheet" href="/url/style.css"> to the <head> of the document? — Chris Sobolewski
– Chris Sobolewski, Commented Feb 29, 2012 at 18:44
Can you please explain your problem better. I am sorry but unable to understand what you want to accomplish. — nightf0x
– nightf0x, Commented Feb 29, 2012 at 18:45

Pat · Accepted Answer · 2012-02-29 18:50:17Z

1

I believe what you're after is the :visited pseudo selector of the link:

 /* Unvisited links will be normal font weight */
 a:link{
   font-weight: normal;
 }

 /* Link will be bold after user has visited it */
 a:visited{
   font-weight: bold;
 }

This will change the appearance of any links on the user's board page that you've already been to.

answered Feb 29, 2012 at 18:50

Pat

25.7k6 gold badges73 silver badges68 bronze badges

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

Comments

TimCodes.NET · Accepted Answer · 2012-02-29 18:45:22Z

0

Add a second stylesheet or inline style on the destination page that will override the styles for that link. No javascript necessary

answered Feb 29, 2012 at 18:45

TimCodes.NET

4,7391 gold badge27 silver badges37 bronze badges

Comments

charlietfl · Accepted Answer · 2012-02-29 18:53:56Z

0

You can parse the url and compare to href of the link with javascript but it would be cleaner to simply add a "current_page" class in your server code and generate a css rule for that link class

answered Feb 29, 2012 at 18:53

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

apply css after reload page

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related