超链接颜色不变

时间:2016-05-09 06:44:30

标签: html css

我试图在段落中将超链接的颜色设置为白色,但仍然没有改变

<p style="color: rgb(255, 255, 255); a {color: rgb(255, 255, 255)};"><
Open Now <a href="http:mylink">Apply now!</a></p>

4 个答案:

答案 0 :(得分:1)

如果你打算使用内联样式,你应该这样:

<p style="color: rgb(255, 255, 255); background: green;">
  Open Now <a href="http:mylink" style="background: black; color: rgb(255, 255, 255);">Apply now!</a>
</p>

示例中添加了背景颜色,以便能够看到超链接。

修改

只是为了说清楚它是否已经存在,如果可能的话你应该避免使用内联样式。您应该使用Style Sheets in HTML documents

所以上面的css文件示例是(style.css):

p {
  background: green;
  color: rgb(255,255,255);
}

a {
  background: black;
  color: rgb(255,255,255);
}

然后在您的文档的<head>中包含您的css文件,假设您将调用您的css文件style.css,它将位于您的项目根目录(与index.html相同的级别)中名为“css”的文件夹:

<!DOCTYPE html>
<html>
  <head>
    <link href="css/style.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <p>
      Open Now <a href="http:mylink">Apply now!</a>
    </p>
  </body>
</html>

答案 1 :(得分:1)

如果必须使用内联css,则必须将样式应用于锚标记:

p {
    color: rgb(255, 255, 255);
}

p > a {
    color: rgb(255, 255, 255);
}

然而,使用样式表会更明智:

var differenceTable = dt1.AsEnumerable().Except(dt2.AsEnumerable());

我相信,您知道,这些现在是全局样式,您将自己添加ID和类。

答案 2 :(得分:1)

您正在使用此代码: 使用此代码,您无法影响超链接,它只会影响段落内容:

立即申请!

如果您想使用超链接,请使用:

立即申请!

对于内联CSS,如果你想要用户使用悬停效果,则必须使用此代码:将其保存为&#34; index.php&#34; HTML代码:

立即申请!

CSS代码用作onpage CSS 一个color: rgb(255, 255, 255;)

:悬停color:#555;

答案 3 :(得分:0)

使用下面的css和html,

<style>
  p, p>a{ color : rgb(255, 255, 255);}
</style>

<p>Open Now <a href="http:mylink">Apply now!</a></p>