Style de remplacement en CSS?

Question

jsFiddle ici http://jsfiddle.net/s3king93/tXuLD/

Essayer de style de la classe individuelle .home1 d'avoir toujours le même fond gris comme: vol stationnaire. Pour une raison quelconque, le style ne remplacera pas, même lorsque j'utilise! Important. Si j'enlève la partie a: hover, l'arrière-plan apparaît mais pas le texte.

Tout le monde a des idées?

<div class="list-1"> 
      <ul class="list-style-1"> 
       <li><a class="home1" href="">HOME</a></li> 
       <li><a href="">INFLUENCES</a></li> 
       <li><a href="">ABOUT ME</a></li> 
       <li><a href="">CLASSES</a></li> 
       <li><a href="">ANDREWS VIDEO BLOG</a></li> 
       <li><a href="">PHOTOGRAPHY</a></li> 
      </ul> 
     </div> 


.list-1 { 
padding:none; 
float: right; 
clear:right; 
padding-right: 27px ; 

} 

.list-style-1 { 
padding-top: 26px; 
list-style-type: none; 
font-family: "Bell Gothic Std Light"; 
font-size: 20px; 


} 

a { 
display: inline-block; 
width: 100%; 
text-decoration: none; 
padding: 1px; 
} 

a:link { 

text-decoration:none; 
color: #2A2A2A; 

} 

a:visited { 
text-decoration:none; 
color: #2A2A2A; 
} 

a:hover { 
text-decoration:none; 
color: #69E0F6; 
background: #2A2A2A; 

} 

a:active { 

text-decoration:none; 
color: #69E0F6; 
background: #2A2A2A; 
} 



.home1 a:link { 

text-decoration:none; 
color: #69E0F6; 
background: #2A2A2A; 

} 

Answer 1

Vous voulez:

a.home1 { 
    text-decoration:none; 
    color: #69E0F6; 
    background: #2A2A2A; 
} 

Answer 2

.home1 a:link { 

text-decoration:none; 
color: #69E0F6; 
background: #2A2A2A; 

} 

home1 est sur l'étiquette <a>, essayez a.home1 ou tout simplement .home1 seul vous pouvez mélanger .home1:hover-.home1:active si vous avez gardé votre chemin class="home1" serait besoin d'être sur le <li> sur un élément ancêtre quelque part comme ajp15243 points sur.

Answer 3

.home1 { 
    background: #2a2a2a !important; 
    color: #69E0F6 !important; 
} 

Et mon fiddle