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”不起作用

回答

相关问题