how do i define footer links to have different color to main links?

Discussion in 'CSS' started by excaliburwebdesigners, Oct 9, 2007.

0
  1. #1
    I have a website where the main colour is white, so i have black hyperlinks but the footer of the site is black so hyperlink dont show up there, i am trying to overcome this with css.

    this is what i have done so far

    i made the footer have a span class: span class="footer
    and in the css i have this so far:
    .footer {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 12px;

    what do i add to the code to get my hyperlinks white??

    Please help...
     
    excaliburwebdesigners, Oct 9, 2007 IP
  2. webdesigner

    webdesigner Well-Known Member

    Messages:
    489
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Get rid of what you already have there and use this instead:

    
.footer a {
color:#ffffff;
font-size:12px;
}
    Code (markup):
    Change i have made is the 'a' after .footer which indicates that these styles are to be applied to any 'a' (anchor) element within footer. So you were very close with your attempt.
     
    webdesigner, Oct 9, 2007 IP
    excaliburwebdesigners likes this.
  3. excaliburwebdesigners

    excaliburwebdesigners Peon

    Messages:
    501
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Cheers, rep added :)
     
    excaliburwebdesigners, Oct 9, 2007 IP