相关疑难解决方法(0)

作为标题,我正在使用添加图标.icon-*.向超链接添加图标时:

<a href="#" class="icon-email icon-large">Email me!</a>

按content属性插入的内容在悬停时显示下划线文本修饰.我想禁用text-decoration之前的内容:

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.icon-mail:before {
    content: "\37";
}
[class^="icon-large-"]:before, [class*=" icon-large"]:before {
    font-size: 48px;
    line-height: 48px;
}
a[class^="icon-"]:before, a[class*=" icon-"]:before {
    margin-right: 5px;
    vertical-align: middle;
}

我试过这个,但它不起作用(装饰仍然可见):

a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before {
    text-decoration: none;
    color: white;
}

我有一个文本链接,在悬停时加下划线.我正在>使用以下代码在链接的开头添加一个符号:

.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; }

但是,>当链接悬停时,我不希望该符号加下划线.我该如何实现这一目标？