Changing the href of an html tag with css

Question

I need to change this A tag from

Contact

to

Answer 1

one solution is to hide a tag and put another

<div id="tag1">
<a href="#tag1">link1</a>
<a href="#tag2">link2</a>
</div>

css :

a[href="#tag1"] {
display:block;
}

a[href="#tag2"] {
display:none;
}

#tag1:target  a[href="#tag1"]{
 display:none;
}

#tag1:target  a[href="#tag2"]{
 display:block;
}

I use this method for responsive "buttons" of my menu bar

Answer 2

CSS is for presentation and cannot be used to modify the HTML markup in the way you intend. You need JavaScript for this.

It should be a fairly short script.

Answer 3

CSS is display only, you cannot modify the document object model with it. Sorry, this cannot be done. I wish I had a better answer, but 'it cannot be done' is the only answer.