#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2013
    Posts
    1
    Rep Power
    0

    Class style taking over a:hover style


    Code:
    .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:

    Code:
    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
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2009
    Posts
    310
    Rep Power
    162
    Looking at the CSS code you gave us, you have an extra closing bracket after the a:hover which can cause problems so that needs to go.

    If that doesn't fix your problem, can you give us a link? Just leave a space somewhere in the middle so it allows you to post it. The more information we have to work with, the better.
    Last edited by LDHosting; October 31st, 2013 at 07:37 AM.
    Quality European Web Hosting - LDHosting.com
    High Quality, Low Cost Web Hosting Services
    www.ldhosting.com

IMN logo majestic logo threadwatch logo seochat tools logo