css - 带有 CSS 的特定 HTML 类

Question

我正在为我使用的网站创建代码。链接颜色有多个不同的区域，它们似乎重叠，我不确定如何修复它。

我的 HTML 是

<div class="floatbox" style="width:200px;height:200px;padding:5px;font-size:15px;position:fixed;left:2px;bottom:10px;overflow:auto;font-color:#3c5eb2;">
</div>

在这里面我有链接。我的 CSS 是

#floatbox a:link, a:visited, #a:active{color: #BF00FF;}
#floatbox a:hover {color: #BF00FF;text-decoration: underline;}

我已尝试使用“!important”标签，但没有任何效果。如果标签不存在，页面上的所有链接都保持白色。如果我添加“!important”标签，一半的网站链接会变成紫色。我是初学者编码员，我可能没有正确定位类(class)。

感谢任何帮助!

Fiddle

Answer 1

如果这是您的实际代码，则有一些(简单的)事情与您要实现的目标不一致:

1) 您定义了#floatbox:这是一个 CSS 选择器，其目标是等于“floatbox”的特定 ID，而您想要目标是一个类。以类为目标的正确语法是在名称前加上“.”。所以你想在你的 CSS 文件中使用“.floatbox”

2) 你在 CSS 的第一行看起来像是一个小错别字:“#a:active”应该读作“a:active”

w3C schools 对简单选择器有一个简单的解释:

http://www.w3schools.com/css/css_selectors.asp

:link、:visited 等伪选择器对它们声明的顺序也很敏感，在此再次解释:

http://www.w3schools.com/css/css_pseudo_classes.asp

我自己永远记不住顺序:)

预计到达时间:看看你的 fiddle ，问题是你有一个 ID - “#white” - 用“floatbox”类包围了 div。 ID 样式优先于类样式，即使在此处非常具体地应用时也是如此。我想说最简单的事情是将基于“#white”id 的样式更改为基于“.white”类的样式，然后您应该会看到应用了您想要的优先级。