在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中重寫樣式？

回答

相關問題