Question

我有新的CSS / HTML，很抱歉提出这样的问题。

我想要一个CSS / HTML代码来制作单词＆＃34; testing＆＃34;没有下划线，但我仍然在网页上找到下划线，会建议如何更改它以使其工作？

<a style="a:link {text-decoration:none;}" href="http://example.com" >testing</a>

Answer 1

你需要改变这个

<a style="a:link {text-decoration:none;}" href="http://example.com" >testing</a>

到这个

<a style="text-decoration:none;" href="http://example.com" >testing</a>

检查这个小提琴

http://jsfiddle.net/K6CdG/

Answer 2

如果向HTML对象添加样式属性，则不必添加CSS选择器。 HTML对象中的style属性仅适用于该特定对象。因此，在您的情况下，您只需要将style="text-decoration:none;"添加到HTML对象中。但是，如果您不想在页面上的每个<a>对象中进行文字修饰，则必须在<style>代码中的<head>代码中添加CSS。

<style>
    a {
        text-decoration:none;
    }
</style>

您还可以链接到外部CSS页面。大多数人更喜欢这样来保持他们的文档结构。为此，您必须在<head>标记中添加以下代码：

<link rel="stylesheet" type="text/css" href="style.css">

将href=style.css更改为CSS文件的文件名（包括.css文件扩展名）。

Answer 3

如果您只想更改仅用于此锚标记，您也可以这样做。

<a class="myUndecoratedLink" href="http://example.com" >testing</a>

在外部CSS文件或HTML中定义以下样式。

.myUndecoratedLink,.myUndecoratedLink:HOVER {
     text-decoration: none;
}

尝试在外部文件中定义样式而不是内联样式，以使其更易于管理。

通过这种方式，您可以受益于主题为每个主题创建一个不同的CSS文件。

欲了解更多信息，请查看以下帖子：

更改样式输出以使其不加下划线

3 个答案: