0

我对我的样式表感到非常困惑。我的工作表中有很多特定的链接样式,由于某种原因,当我使用 Chrome 开发工具或 Firebug 检查页面时,其中一个会随机被其他内容覆盖。在摆弄 !important 案例并意识到它们正在慢慢使我的代码变得绝对糟糕之后,我已经将它们全部删除,并试图弄清楚如何组织我的链接样式以在正确的位置获得所有正确的样式,而无需它们被被覆盖。

基本上我有这样的:

.newlinks a {
some styling}

.dl a {
some styling}

.abclink a {
some styling}

.newlinks 正在从“.abclink a”中获得“一些样式”。如果该类具有特定名称而不是像“p”之类的东西,我真的很困惑为什么会发生这种情况。任何解释都会有所帮助!谢谢!

编辑:这是html的顺序

<div class="newlinks"><a href="#"></a></div>
more of the page..
<div class="abclink"><a href="#"></a></div>
<div class="dl"><a href="#"></a></div>

如有必要,我可以发布更长的代码,我只是认为这可能是我的订单或措辞或其他方面的普遍问题。

编辑:这里是 jfiddle 中的相关 css/html

http://jsfiddle.net/Ub6er/

正如您在 jsfiddle 中看到的那样,“underrighttext”中的链接正在从 .dl 获取样式:(

4

1 回答 1

3

之所以这样underrighttext设置样式,dl是因为您声明 CSS 的方式dl

.dl a, a:active, a:visited {
    ...
}

我从您的 JSFiddle 复制粘贴的这个选择器将适用于 all ain dl,但也适用于all a:activea:visited. 不仅仅是a:active内部dl

您需要修复活动和访问状态的选择器,如下所示:

.dl a, .dl a:active, .dl a:visited { ... }

现在,您的活动链接和已访问链接只是使用浏览器最后解析的样​​式设置样式。

我已经用正确的 CSS 选择器更新了你的jsfiddle 。它现在应该可以按您的预期工作。

于 2013-06-16T05:43:34.593 回答