html - 禁用带下划线 anchor 标记的内部元素的下划线

Question

这个问题已经有答案了:

How do I get this CSS text-decoration override to work? (7 个回答)

已关闭 8 年前。

我们可以禁用带下划线的 anchor 标记的内部跨度元素的下划线吗？如果可以请告诉我怎么做？

 <a>hello<span>praveen</span</a>

 <style type="text/css>
     a{
        text-decoration:underline;
     }
     a span{
        text-decoration:none;
     }
 </style>

Answer 1

试试这个。

为span样式添加display: inline-block;

a {
    text-decoration:underline;
}

a span {
    text-decoration:none;
    display: inline-block;
}

http://jsfiddle.net/4oqyx6Le/2/