可以通过CSS将伪元素添加到A html标签中,而不显示伪元素的下划线文本装饰？
在下面的标记中,链接左侧添加了一个“”符号,即鼠标悬停正确的下划线,即使css规则设置为“h3 a：before：hover { text-decoration：none;}“
<style>
h3 {
display:block;
margin:20px auto;
padding:6px;
width:85%;
text-align:left;
font: 21px 'lucida sans'; color:#444;
border-bottom:#ccc 1px solid;
}
h3 a{
margin:0; padding:8px 4px 0 0;
display:inline;
float:right;
width:auto;
text-decoration:none;
font: 14px 'lucida sans';
}
h3 a:hover{ text-decoration:underline; }
h3 a:before{ content: '+'; margin:0; padding: 4px; }
h3 a:hover:before{ text-decoration:none; }
</style>
<h3>My Title <a href="#">link</a></h3>
