Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Class style taking over a:hover style

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #154150
    cerealex
    Participant
    .jordi {
        color:white; font-family: 'Pathway Gothic One', sans-serif; font-size:1.4em;
    }
    
    .artigas {
        color:#656565;
    }
    

    This is the styling for two word classes inside my site; “Jordi” and “Artigas”
    It’s a name and surname which links to an about html. But for some reason, the color of the hover status doesn’t work.
    Here is the css styling I’ve tried for the a:hover:

    a:hover {
        text-decoration: inherit;
        color: #e6e5a5;
    }
    
    }
    a.jordi:hover {
        text-decoration: inherit;
        color: #e6e5a5 !important;
    }
    
    a.artigas:hover {
        text-decoration: inherit;
        color:#e6e5a5 !important;
    }
    

    What am I doing wrong?

    Thanks!

    Alex

    #154290
    PicnicTutorials
    Participant

    Make you links have a default style. a {whatever}

    Then give more weight to your unique styles. a.class {whatever}

    It’s that simple.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.