在CSS中重写样式？

JSfiddle here http://jsfiddle.net/s3king93/tXuLD/在CSS中重写样式？

尝试使单个类.home1的样式与a：hover始终具有相同的灰色背景。出于某种原因，风格不会覆盖，即使我使用！重要。如果我拿走a：悬停部分，背景显示出来，但文字不显示。

有人有什么想法吗？

<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; 

}

来源

2013-05-10 seanki

这是你以后http://jsfiddle.net/j08691/tXuLD/1/是什么？ – j08691 2013-05-10 16:09:56

你想：

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

来源

2013-05-10 16:10:59

当我尝试HOME文本也灰色？我正在使用chrome。 – seanki 2013-05-10 16:16:57

没有看到。 @ j08691的JSFiddle显示了我所看到的内容 - http://jsfiddle.net/j08691/tXuLD/1/ – 2013-05-10 16:21:37

http://jsfiddle.net/s3king93/RRmCF/多了一些代码。谢谢您的帮助！ – seanki 2013-05-10 16:25:45

.home1 a:link { 

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

}

home1是在<a>标签，尽量a.home1或者只是单纯.home1你可以.home1:hover混合 - .home1:active 如果你保持你的方式class="home1"会需要在某个祖先元素上的<li>上ajp15243分。

来源

2013-05-10 16:11:41 jamil

'home1'类不一定要放在父'li'标签上，就在任何祖先标签上。 – ajp15243 2013-05-10 16:12:52

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

而且我fiddle

来源

2013-05-10 16:14:11 blackhawk

当我尝试HOME文本也灰色也？ – seanki 2013-05-10 16:18:02

将我的jfiddle中的css复制到您的页面上，看看它是否适合您。 – blackhawk 2013-05-10 16:21:29

当您尝试此代码时，HOME的背景为深灰色，文本的颜色为蓝色。那是你要的吗？ – blackhawk 2013-05-10 16:22:44

在CSS中重写样式？

回答

相关问题