我有一个文本链接，当下降时被加下划线。我在链接的开始添加一个>符号使用以下代码：
.Box.blueb a { color: #0098aa; } .Box.blueb a:hover { text-decoration: underline; } .Box.blueb a:before { content: "> "; } .Box.blueb a:before:hover { text-decoration: none; }
但是我不想要>当链接被悬停时，符号加下划线。我该如何实现？
解决方法
http://jsfiddle.net/thirtydot/LmvgM/1/
你需要围绕a中的文本包围一个：
<div class="Box blueb"> <a href="#"><span>Hello</span></a> </div>
然后将您的CSS更改为：
.Box.blueb a { color: #0098aa; text-decoration: none; } .Box.blueb a:hover > span { text-decoration: underline; } .Box.blueb a:before { content: "> "; }
.Box.blueb a：before：hover {text-decoration：none; }不起作用，因为当您设置文本装饰时：在元素(a)，下划线(：before)上的you can’t then remove it下划线。
