如何刪除鏈接下的下劃線？

Question

我似乎無法找到如何去除下的鏈接下劃線...

.articles { 
    margin-left: auto; 
    margin-right: auto; 
    width: 625px; 
    text-decoration: none; 
} 

.articles-box { 
    width: 120px; 
    height: 40px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px; 
    background-color: #E3D41F; 
    -webkit-box-shadow: #B3B3B3 1px 1px 1px; 
    -moz-box-shadow: #B3B3B3 1px 1px 1px; 
    box-shadow: #B3B3B3 1px 1px 1px; 
    font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; 
    font-size: 20px; 
    color: white; 
    line-height: 40px; 
    text-decoration: none; 
    text-align: center; 
} 

Answer 1

設置text-decoration:none;上<a>

的CSS：

a {text-decoration:none;} 

Answer 2

好，您似乎正確設置text-decoration屬性，所以我會說這些樣式不會應用於您期望它們的元素b e（例如類名拼寫錯誤），或者它們正在被應用，並且有些東西在某些時候覆蓋了該屬性。

我會推薦使用瀏覽器工具來瀏覽頁面的HTML，找到不正確的下劃線元素，並檢查它從哪裏獲得它的樣式（我更喜歡Chrome瀏覽器，但大多數瀏覽器提供了一些東西這些線）。如果這不能讓解決方案變得明顯，那麼如果您能提供更多信息（例如元素和周圍的HTML），我很樂意提供幫助。