Overwriting Bootstrap link styling

Hi,

I have a page where I need to use this bootstrap stylesheet
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

Open in new window


I have also my own stylesheet which is loaded after the boostrap stylesheet.

In my own stylesheet I have set these stylings for links, but the only one that seems to have any effect is the hover. How do I make the other ones overwrite the default bootstrap styling.
    /* unvisited link */
    a:link {
        color: blue;
        text-decoration: none;
    }

    /* visited link */
    a:visited {
        color: blue ;
    }

    /* mouse over link */
    a:hover {
        color: red;
        text-decoration: underline;
    }

    /* selected link */
    a:active {
        color: blue;
        text-decoration: none;
    } 

Open in new window

Peter KromanSenior Proposal SpecialistAsked:
Who is Participating?
 
Peter KromanSenior Proposal SpecialistAuthor Commented:
It's a page you allready know all about :)
https://kroweb.dk/gfdev//stednavne/

But I think I have found the solution - it is a thing that you have mentioned earlier, but that I have not yet got around to do anything about.
If I reduce the double slash here ..//gfdev/.. to a single slash, it seems that the problem is gone ....
0
 
Chris StanyonCommented:
Hey Peter,

There's nothing wrong with your CSS, so something else must be going on in your page. Post a link to it and we'll take a look
0
 
Chris StanyonCommented:
Yep - that seems to do the trick :)
0
 
Peter KromanSenior Proposal SpecialistAuthor Commented:
It works
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.