Css 需要一些文字装饰技巧吗

Css 需要一些文字装饰技巧吗,css,Css,编辑#3,最后: <a href="#">Link with text decoration</a> <a id="no-textdecoration" href="#">Link without text decoration</a> #no-textdecoration { text-decoration:none; } 好吧,我真的做到了。然而,这是愚蠢的。如果有人需要相同的解决方案,我将在此处发布解决方案: 我所做的是,基本上将

编辑#3,最后:

<a href="#">Link with text decoration</a>
<a id="no-textdecoration" href="#">Link without text decoration</a>
#no-textdecoration {
    text-decoration:none;
}
好吧,我真的做到了。然而,这是愚蠢的。如果有人需要相同的解决方案,我将在此处发布解决方案: 我所做的是,基本上将全局样式定义如下:

a:link,a:visited
{
color:#000000;
text-decoration:none;
}
a:hover,a:active
{
color:#000000;
text-decoration:none;
}
这是我可以在全局样式中插入的非常基本的参数。下一步是在链接中制作相同的内容,并根据您的需要进行自定义,hover,确保您正在复制自定义的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
}
就这样。玩得开心:)

我有一些源链接,我无法触摸,甚至无法插入class元素,因此我可以更改链接的样式,但我确实需要以某种方式更改它们的样式。 假设这个链接的标签是[link][/link],所以我做的是,将它放入完全定制的div元素中,它就工作了,但是有两个时刻:

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;
}
[link-i-cant-touch][/link-i-cant-touch]
.style_测试
{
文字装饰:无!重要;
字体系列:“qsc”;
文本对齐:左对齐;
填充顶部:0px;
颜色:#000000;
}
#无文字装饰{
文字装饰:无!重要;
颜色:#000000;
}
#无文本装饰:悬停{
文字装饰:无!重要;
颜色:#1982d1;
}
编辑Num2
这也不起作用,因为链接已更改为第二个链接,因此它重定向为“#”:/

确保针对
文本装饰的
a
标记,而不是将其应用于
div


.my div class a{text decoration:none;}

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

但这是删除链接上的
文本装饰的正确方法

HTML:

<a href="#">Link with text decoration</a>
<a id="no-textdecoration" href="#">Link without text decoration</a>
#no-textdecoration {
    text-decoration:none;
}
输出:(图像格式)


a{文本装饰:无!重要;}除此之外,请注意@caramba关于使用的评论!重要的。这将防止a标记覆盖另一个类中的样式。然而,这一切都是错误的!重要的是,在一些旧的浏览器上可能不起作用。问题是,我正在尝试自定义链接,我无法触摸。但你实际上给了我一个想法,我在上面编辑部分的帖子中描述了这个想法。但是有点难看你不能触摸链接?你应该像我一样给它一个id,你可以触摸它。CSS可以改变网页上的每个HTML对象。。。真的吗?我不能触摸链接意味着我不能编辑代码。为什么?因为。我问这个不是为了让你发疯,对吧。无论如何谢谢你