制作链接类[关闭]答案

【问题标题】：making a link class [closed]制作链接类[关闭]
【发布时间】：2013-01-12 12:45:15
【问题描述】：

我已经创建了一个我想使用样式链接的网站。我不想为所有链接设置通用样式。我想为他们制作不同的课程。

我尝试在测试页面上执行此操作，但无法正常工作。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
test: link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
test: hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
}
test: active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
test: visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}
.test {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    color: #999;
}
</style>
</head>

<body>
Emily

<p>sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf

  <span class="test"><a href="http://www.ehow.com/how_2080242_style-link-css.html">rose</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html"> daisy</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html">tulip</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html"> cactus</a> </span>
<p>ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjs    ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsld



</body>
</html>

谁能告诉我我做错了什么。谢谢！

【问题讨论】：

标签： css class hyperlink

【解决方案1】：

这里很少出错。测试是一个类，这意味着它前面需要一个句点 - .test。其次，链接在测试范围内。所以你应该有.test a 来指示测试范围中的一个链接。最后，您需要将链接标签a 放在分号之前。没有空间。

http://jsfiddle.net/vPBCB/

.test a:link {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}

【讨论】：

谢谢，但还是不行。这是一些代码： .test a: link { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;字体大小：1em；颜色：#C00； } ehow.com/how_2080242_style-link-css.html" class=".test"> 菊花
. 不在类名中。它只出现在样式表中。 class="test"，不是"class=".test"
我也改了： daisy A 我把之前的那段去掉了：class=".test" 所以现在是 class="test"
还是不行。
您的一个引号后有一个分号。您对链接进行了课堂测试，而在您的原始问题中，它是跨度的。坦率地说，你不知道自己在做什么，所以我不会为你做你的工作。您需要尝试了解这些东西是如何工作的。抱歉，我不会在这方面进一步帮助您。