Css特性——样式表中链接样式的问题

Css特性——样式表中链接样式的问题,css,css-specificity,Css,Css Specificity,我对我的样式表感到非常困惑。我的工作表中有很多特定的链接样式,由于某些原因,当我使用Chrome开发工具或Firebug检查页面时,其中一个链接样式会被其他样式覆盖。在摆弄之后!重要的情况下,意识到它们正在慢慢地使我的代码变得绝对糟糕,我已经将它们全部删除,并试图找出如何组织我的链接样式,以便在正确的位置获得所有正确的样式,而不被覆盖 基本上我是这样的: .newlinks a { some styling} .dl a { some styling} .abclink a { some s

我对我的样式表感到非常困惑。我的工作表中有很多特定的链接样式,由于某些原因,当我使用Chrome开发工具或Firebug检查页面时,其中一个链接样式会被其他样式覆盖。在摆弄之后!重要的情况下,意识到它们正在慢慢地使我的代码变得绝对糟糕,我已经将它们全部删除,并试图找出如何组织我的链接样式,以便在正确的位置获得所有正确的样式,而不被覆盖

基本上我是这样的:

.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>

本页的更多内容。。
如果有必要,我可以发布更长的代码,我只是觉得这可能是我的排序或措辞或其他方面的一般问题

editedit:这里是JFIDLE中的相关css/html


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

之所以将
underrighttext
设置为
dl
样式,是因为您为
dl
声明了CSS:

.dl a, a:active, a:visited {
    ...
}
我从您的JSFIDLE复制粘贴的此选择器将应用于
dl
中的所有
a
,也将应用于所有
a:active
a:visited
。不仅仅是
dl
内部的
a:active

您需要修复选择器,使活动和已访问状态如下:

.dl a, .dl a:active, .dl a:visited { ... }
现在,您的活动链接和访问链接只是使用浏览器解析的最后一种样式进行样式设置


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

将右下方的
文本设置为
dl
样式的原因是您为
dl
声明了CSS:

.dl a, a:active, a:visited {
    ...
}
我从您的JSFIDLE复制粘贴的此选择器将应用于
dl
中的所有
a
,也将应用于所有
a:active
a:visited
。不仅仅是
dl
内部的
a:active

您需要修复选择器,使活动和已访问状态如下:

.dl a, .dl a:active, .dl a:visited { ... }
现在,您的活动链接和访问链接只是使用浏览器解析的最后一种样式进行样式设置


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

您关注的HTML看起来怎么样?您也可以发布它吗…我更新了原始帖子,感谢您的帮助!如果不是一般语法问题,我可以上传整个代码的JSFIDLE。这确实不会覆盖,但可能您已经覆盖了做了一些错误的事情。请展示一个小提琴。好的,一秒钟,我将尝试只获取相关部分,我的css超过3000行。JSFIDLE与描述不匹配;没有类
newlinks
。您应该指定具体的元素以何种方式出现错误,以便人们可以立即看到你认为是什么问题。你关注的HTML是什么样子的?你也可以发布吗…我更新了原始帖子,谢谢你的帮助!如果不是一般语法问题,我可以上传整个代码的JSFIDLE。这真的不会覆盖,但可能是你做错了什么。请展示一个FIDLE。好的,等一下,我将尝试只获取相关部分,我的css超过3000行,JSFIDLE与描述不匹配;没有类
newlinks
开始。你应该具体指定哪些元素以何种方式出现错误,以便人们可以立即看到你认为的问题。这很有效!非常感谢!我我从来都不知道我的代码。这很有效!非常感谢!我从来都不知道我的代码。