禁用带下划线的锚标记的内部元素的下划线

Question

我们可以禁用带下划线的锚标记的内部span元素的下划线。如果有可能请告诉我怎么做？

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

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

Answer 1

试试这个。

为span style

添加display: inline-block;

a {
    text-decoration:underline;
}

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

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

Answer 2

a＆gt;跨度 {  text-decoration：none： }