css「text-decoration：none」不起作用

我不明白爲什麼text-decoration: none在下面的代碼中不起作用。它不能刪除yes這個詞的下劃線。css「text-decoration：none」不起作用

.button { 
 
    color: black; 
 
    text-decoration: none; 
 
} 
 
body { 
 
    font-family: 'Roboto', 'Microsoft JhengHei', sans-serif; 
 
    font-size: 24px; 
 
}

<a href="www.example.com"> 
 
    <div class="button" id="yes"> 
 
    Yes 
 
    </div> 
 
</a>

正如你可以從下面的例子中看到，孩子可以覆蓋父。這與上面的問題矛盾。

.b { 
 
    color: black; 
 
} 
 
.c { 
 
    color: yellow; 
 
}

<div class="b"> 
 
    <div class="c"> 
 
    abc 
 
    </div> 
 
</div>

來源

2016-04-29 Paskins Loe

@BhojendraNepal的OP已修訂的問題。他的問題還沒有解決。 – Pingu

您不是覆蓋顏色，而是文字修飾，它不會從父元素繼承。 –

但是，如果文字修飾不能被繼承，爲什麼'yes'被加下劃線？ –

默認情況下，a標籤有下劃線效果（使用文本修飾：下劃線），所以要去除這一點，你必須從a標籤沒有從其子元素中刪除。

如果你正在談論的顏色值可以從父到子元素覆蓋，但爲什麼不是文字修飾？

這是因爲text-decoration屬性不會從其父元素繼承樣式，而是依賴於它自己的元素。

檢查w3c reference。

來源

2016-04-29 05:43:48

-1

下劃線是<a>標記。我畫的風格蓋的一個例子，

來源

2016-04-29 06:17:32 Dawnb

css「text-decoration：none」不起作用

回答

相關問題