需要一些文字装饰技巧

Question

编辑＃3，以及finall：

好的，所以我真的让它发生了。然而，却是愚蠢的。如果有人需要相同的，我会在这里发布一个解决方案： 我所做的是，基本上定义了如下全球风格：

a:link,a:visited
{
color:#000000;
text-decoration:none;
}
a:hover,a:active
{
color:#000000;
text-decoration:none;
}

这是我可以在全球风格中插入的非常基本的参数。接下来的举动是makin＆＃39;链接内部相同，并根据您的需要自定义它，悬停，确保你做的事情。 ur div的自定义副本，并将：hover项插入其中，如下所示：

.some-div-cutomization
{
text-decoration:none!important;
blabla
}
.some-div-cutomization:hover
{
text-decoration:none!important;
blabla
edit if needed the hover function
}

关于它。玩得开心:)）

我有一些源链接，我无法触摸，甚至插入类元素，所以我可以更改链接的样式，但我确实需要以某种方式更改它们样式。 所以，让我们说这个链接的标签是[link] [/ link]，所以我所做的是，把它放在div元素中，完全自定义并且它已经工作了，但是那里有＃s; s＆＃39; s两个时刻：

1）我真的不知道它是否可以在所有浏览器上正常运行，因为我实际上需要跨浏览器版本。

2）我无法摆脱文字装饰线。我已经尝试过没有文字装饰，甚至疯狂的特定div的复制风格：悬停并放入文本装饰无，但仍然没有工作。

此外，如果还有其他一些技巧可以避免这种情况，请分享。

编辑：

我已经尝试过以下所有内容，并没有像我想的那样工作。 但是，我已经成功了，但编码非常非常难看，我不确定它是不是很好。在所有浏览器上工作： 我已经插入了带有下划线的链接元素，但是我无法触摸，因此现在它在另一个链接中链接，非常难看。

[link-i-cant-touch]<div class="style_test"><a id="no-textdecoration" href="#">somecooltext</a></div>[/link-i-cant-touch]

.style_test
{
text-decoration:none!important;
font-family: 'qsc';
text-align:left;
padding-top:0px;
color:#000000;
}
#no-textdecoration{
text-decoration:none!important;
color:#000000;
}
#no-textdecoration:hover{
text-decoration:none!important;
color:#1982d1;
}

编辑Num2 这也没有用，因为链接已更改为第二个，因此它会重定向到＃34;＃＆＃34; ...：/

Answer 1

确保定位a的{​​{1}}标记，而不是将其应用于text-decoration

div

Answer 2

我不知道你做错了什么，因为你还没有发布任何代码。

但这是在链接上删除text-decoration的正确方法。

<强> HTML：

<a href="#">Link with text decoration</a>
<a id="no-textdecoration" href="#">Link without text decoration</a>

<强> CSS：

#no-textdecoration {
    text-decoration:none;
}

输出（以图片格式）

JSFiddle demo: Removing text-decoration from a link