Question

现在，我已在页面底部实施了法律声明，并设法将所有链接设为白色。但是，我只希望悬停颜色不同，例如这个网站：http://www.condolicious.com/

有人可以告诉我怎么做吗？我尝试改变a：悬停颜色的东西，我只是得到纯色。感谢。

#footer .notice a {
    a:link; color: #fff;
    a:visited; color: #fff;
    a:hover; color: #fff;
    a:active; color: #fff;
    text-decoration: none;
}

Answer 1

您的：悬停样式需要单独的CSS声明 - 不是#footer .notice a {}块的一部分，如下所示：

#footer .notice a {
    color: #fff;
    text-decoration: none;
}

#footer .notice a:hover,
#footer .notice a:active {
    color:#CC0000;/*Whatever color you like */
}

Answer 2

你需要这样做

#footer .notice a { 
    color: #fff;
    text-decoration: none;
}

#footer .notice a:hover { 
    color: #fff;  // change to a different color
}

与:visited和:active相同。

Answer 3

您是否意识到所有链接都具有相同的颜色？甚至是悬停状态？

#footer .notice a:hover { color: red; }

Answer 4

您需要调整语法

#footer .notice a:hover {
    color:green;
    text-decoration: none;
}

Answer 5

上面的语法不起作用：

#footer .notice a {
    color: #000;
    text-decoration: none;
}
#footer .notice a:hover {
    color: #FFF;
}

第一个CSS声明将设置所有a标记的颜色（除非它们的样式不同，否则不需要单独设置它们）。第二个设置悬停时的颜色，这是所有现代浏览器（以及大多数旧浏览器）支持的伪类。

您不需要在第二个声明中再次设置文本修饰，因为:hover已经继承了第一个声明中设置的所有“通用”属性。

Answer 6

您必须单独声明每个链接悬停状态，如下所示：

/* you can combine css declarations as follows */
#footer .notice a {
    color: #fff;
    text-decoration: none;
}

#footer .notice a:visited {
    color: #fff; /* change this to whatever color you'd like */
}

#footer .notice a:hover {
    color: #000; /* change this to whatever color you'd like */
    text-decoration: underline;
}

#footer .notice a:active {
    color: #fff; /* change this to whatever color you'd like */
}

Answer 7

将您的代码更改为：

   #footer .notice a {
    color: #fff;
    text-decoration: none;
    }

    #footer .notice a:hover {
    color:#AAA
    }

这里，锚点标记悬停时#AAA是彩色的。

编辑：删除了无效的CSS

悬停链接颜色，CSS

7 个答案: