Question

我需要＆＃34;橙＆＃34;颜色到我的超链接只有一个特定的页面。已经有一个专为其他页面设计的.css文件。现在，我怎么能告诉html只为一个页面以不同的方式设计链接。无论我做什么实验，它都会从包含的.css文件中获取样式。请告诉我如何只为网站的一个特定页面编写不同的链接样式。感谢...

这是我尝试的三种方法

a:link { color: orange;}
a:visited {color: orange;}
a:hover {color: orange;}
a:active {color: orange;}

div.nav a:link, div.nav a:visited, div.nav a:hover, div.nav a:focus, div.nav a:active 
  { 
  color: orange; 
  }

a.nav1:link,a.nav1:visited,a.nav1:active
  { 
  color: orange; 
  }

编辑：它无法正常工作。让我再解释一下。假设我有三个深色背景文件，header.php，one.php和two.php。为所有这三个文件设置CSS样式....链接，访问，悬停，焦点和活动所有颜色都是白色。

现在我有了一个带有白色背景颜色的新文件three.php ..所以链接被隐藏了。实际上它存在，但由于链接样式颜色为白色，页面背景也是白色，因此不可见。我想把它变成橙色。

当我这样做时，在css文件中，所有之前的三个文件链接颜色从白色变为橙色。头文件中的所有链接颜色都从白色变为橙色。

如何在新的第四页中保留橙色链接（墨水，访问，悬停，聚焦和活动所有内容）而不更改其他文件的超链接颜色？

由于

Answer 1

您可以将此包装器添加到此特定页面并将其命名为例如<div id="specificPage"></div>此包装器需要包装您在此页面上创建的所有内容。

之后只需将#specificPage添加到您的CSS decalartions：

#specificPage a:link { color: orange;}
#specificPage a:visited {color: orange;}
#specificPage a:hover {color: orange;}
#specificPage a:active {color: orange;}

#specificPage div.nav a:link,#specificPage div.nav a:visited, #specificPage div.nav a:hover, #specificPage div.nav a:focus, #specificPage div.nav a:active 
{ 
    color: orange; 
}

#specificPage a.nav1:link, #specificPage a.nav1:visited, #specificPage a.nav1:active
{ 
    color: orange; 
}

您还可以声明特定的类。例如，orange标记的课程a。在你的CSS中它将是这样的：

.orange {
    color:orange;
}

现在您需要做的就是将此类添加到HTML结构中的超链接。

实施例： <a href="#" class="orange">LINK</a>

我试过几次在同一页面上为同一个活动获取两个样式，但它不起作用

1 个答案: