Fatal编程技术网
  • css/
  • CSS类链接

CSS类链接

css class hyperlink

CSS类链接,css,class,hyperlink,Css,Class,Hyperlink,我在一个网站上工作，我想为不同的链接集制作不同的样式。我已经阅读了教程，但仍然无法让代码正常工作。这是代码 <!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> &

我在一个网站上工作，我想为不同的链接集制作不同的样式。我已经阅读了教程，但仍然无法让代码正常工作。这是代码

<!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">
a.test: link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
a.test: hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
 }
a.test: active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
a.test: visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}

</style>
</head>

<body>
Emily

<p>sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
<p><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" class="test"> daisy</a> 

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

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



</body>
</html>


无标题文件
a、 测试：链接{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字号：1em；
颜色：#C00；
}
a、 测试：悬停{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字号：1em；
颜色：#6F0；
}
a、 测试：激活{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字号：1em；
颜色：#90F；
}
a、 测试：访问{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字号：1em；
颜色：#FF0；
}
艾米丽
SDLKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJLSDKF
SDLKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJLSDKF
SDLKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJLSDKF
SDLKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJLSDKF

LDKFJSLDKFJLSDKFSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJLSDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLDKFJSLD
从我所读到的内容来看，我理解我需要像这样将一个类合并到链接样式中：a.test:link

要将样式合并到链接中，您可以给它这样一个类，
仙人掌

我不明白为什么这不起作用

谢谢你的帮助

尝试省略规则中的空格：

a.test:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
a.test:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
 }
a.test:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
a.test:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}
我不希望这个伪类在它们的名称中有空格

顺便说一下，您可以将CSS简化为：

a.test {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
a.test:link {
    color: #C00;
}
a.test:hover {
    color: #6F0;
 }
a.test:active {
    color: #90F;
}
a.test:visited {
    color: #FF0;
}
请尝试忽略规则中的空格：

a.test:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
a.test:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
 }
a.test:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
a.test:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}
我不希望这个伪类在它们的名称中有空格

顺便说一下，您可以将CSS简化为：

a.test {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
a.test:link {
    color: #C00;
}
a.test:hover {
    color: #6F0;
 }
a.test:active {
    color: #90F;
}
a.test:visited {
    color: #FF0;
}
您已经给了
一个类，直接使用它，
.test{}
在它说Cactus的地方，我的意思是指向其中一个链接（“class=”test“>）Cactus（）@ali bassam我在哪里直接使用它？我可以有一个上下文吗？只要从
a.test
中删除
a
就可以使它成为
。test
既然你把这个类给了一个元素，你就不必在CSS中使用它：如果你有
，那么在CSS中使用它：
.hello{color:red；}
你已经给了
一个类，直接使用它，
.test{}
它说的是Cactus，我的意思是指向其中一个链接，（（“class=”test“>）Cactus（）@ali bassam我直接在哪里使用它？可以给我一个上下文吗？只要从
a.test
中删除
a
就可以了
.test
既然你把这个类给了一个元素，你就不必在CSS中使用它：如果你有
，那么在CSS中使用它：
.hello{color:red；}