2012-02-02 39 views
1

我想獲得「開始一個新的職位」來回應,因爲我打算使用jQuery來顯示/隱藏表單。這是最好的方式嗎? 「開始一個新的職位」沒有響應任何我在CSS做的樣式。我的鏈接<a>標籤沒有響應我的CSS訂單

這裏是我的HTML代碼

<div id="start_new_post"> 
<a class="non_link" href="" alt="start a new post">Start A New Post</a> 
</div> 

這裏是我的CSS

#start_new_post { 
    font-size: 2em; 
    color: #C00; 
    font-weight: bold; 
    margin-top:30px; 
    margin-left: 50px; 

} 
.non_link a:link { 
    color: #C00;   
} 
.non_link a:visited { 
    color: #C00;  
} 
.non_link a:hover { 
    color: #C00; 
    text-decoration:underline; 
} 

我在試圖訪問其錯誤的CSS?

回答

3

你想要的元素classnon_linka標籤與classnon_link,並不是所有的a標籤。
這樣做:

a.non_link:link { 
    color: #C00;   
} 
a.non_link:visited { 
    color: #C00;  
} 
a.non_link:hover { 
    color: #C00; 
    text-decoration:underline; 
} 
+0

謝謝,偉大的作品 – noWayhome 2012-02-02 03:09:46

1

.non_link:hover是你想要的。

.non_link a:hover選擇一個a這是.non_link的孩子。