不需要下劃線的文本下

Question

出現我顯示一些文本和一個藍色的線出現在它下面

​​

與此相同的問題

Text being displayed with a blue underlining, where is it coming from?

這個問題的答案，並其他人認爲它對html4無效，但對html5有效。爲什麼在這種情況下小提琴會出現這個問題？什麼是解決方案？

感謝

Answer 1

這裏是你的代碼

<ul> 
    <a href="http://whatever"> 
    <li id = "header_list"> 
     <div id = "main_title">title</div> 
     <img id = "logo" src="logo.png"/> 
    </li> 
    </a> 
</ul> 

的DIV ID = 「main_title」 是錨標記中，這意味着它是一個鏈接。默認情況下，鏈接樣式具有藍色下劃線。您可以添加CSS樣式刪除藍色下劃線：

#main_title {text-decoration: none; color: #000;} 

此外，你應該直接UL後把李標籤，因爲它需要一個直接子：

<ul> 
    <li id = "header_list"> 
    <a href="http://whatever"> 
     <div id = "main_title">title</div> 
     <img id = "logo" src="logo.png"/> 
    </a> 
    </li> 
</ul> 

Answer 2

它從你的<a>到來 - 因爲一切被包裹在裏面。要刪除它只是適用於：

a { 
    text-decoration: none 
} 

DEMO

Answer 3

你只需要轉變作風爲自己的鏈接（所有的文字是你<a>標籤內）：

a{text-decoration:none;} 

Answer 4

這是一個<a>標籤，該標籤將呈現機智內h默認爲下劃線。通過爲鏈接設置text-decoration: none來更改默認行爲，它應該可以工作。 `

Answer 5

默認情況下，錨標籤a的text-decoration定義爲underline。 您可以通過簡單地將text-decoration: none;屬性添加到您的CSS定義來解決此問題。

我還應該指出你的標記不完全正確。您的錨點應位於列表項li之內，並且在行內塊元素a內部具有塊元素div通常不是一個好主意。

這是你的jsfiddle的更新版本來證明我的意思：http://jsfiddle.net/CmVsJ/2/

的