a with href

[y h]

Hi, I wanted two a:focus each one with a specific color. If I added a-footer for ex. I can't use href with it anymore so how to manage two a:focus with href

a:hover,a:focus {color: #e87352;font-weight:bold;text-decoration: none;}a:active{background-color: transparent;}a-footer{color: #3bbec0;}a-footer:hover,a-footer:focus {color: #000;font-weight:bold;text-decoration: none;}a-footer:active{background-color: transparent;}

If I used a-footer to have different colors then a I can't anymore use href ex : "< a-footer href...>"Does anyone have an idea how can I do it???

[dsonesuk]

you cant create your own tag names you have to use a class, or id ref for example

 

<a class="a-footer">link 01</a>

 

.a-footer{color: #3bbec0;}.a-footer:hover,.a-footer:focus {color: #000;font-weight:bold;text-decoration: none;}.a-footer:active{background-color: transparent;}

 

the '.' represents a class, '#' represents a id ref

 

You should have read about these here

 

http://www.w3schools.com/css/css_selectors.asp

[y h]

Ok thank you for your quick reply:)