Tag: 文本装饰

如何删除只从下划线：之前？

我有一组样式的链接使用:before申请一个箭头。 它在所有浏览器中看起来都不错，但是当我将下划线应用到链接时，我不想:before部分（箭头）上加上下划线。 以jsfiddle为例： http : //jsfiddle.net/r42e5/1/ 是否有可能删除这个？ testing样式我坐在#test pa:hover:before得到应用（根据Firebug），但下划线仍然在那里。 任何方法来避免这种情况？ #test { color: #B2B2B2; } #test pa { color: #B2B2B2; text-decoration: none; } #test pa:hover { text-decoration: underline; } #test pa:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test pa:hover:before { text-decoration: none; } <div id="test"> <p><a href="#">A link</a></p> <p><a href="#">Another link</a></p> </div>