我有一个css问题,我真的不太明白:)我设计css已经有三年了,但是我从来没有遇到过这个问题。
我已经在我的css文件中声明了一些样式,它们应该应用于我的页面内容。这通常是正确的css,但也有一些例外,如page_child_title。我的印象是,如果我在css中为特定类进一步声明样式,这些样式将覆盖先前的css声明。现在,在这种情况下,这不是真的。当我用firebug检查时,我的浏览器似乎真的想使用".page a“的字体大小css,而不是使用".page_child_title”(我个人不同意我的浏览器)。但是,正确应用了".page_child_title“的颜色。下面你可以找到我所说的Html和css。
Html
<div id="page" class="page Jobs">
<div class="page_child">
<a class="page_child_title" ...
Style.css
.page p, .page ul, .page a {
font-size: 10px;
text-align: justify;
}
style.css (line 208)
.page_child_title {
color: #006633;
font-size: 12px;
}
style.css (line 262)
我已经尝试将".page_child_title“替换为".Jobs a”,但这不起作用。然后我试着在".page a“之前声明".page_child_title”,同样的结果,所以现在我有点卡住了。有没有人知道是什么导致了这个问题?
发布于 2011-09-08 17:03:01
发布于 2011-09-08 16:55:36
.page a
是一个更具体的选择器。因此,将使用其设置。
这种现象称为css特异性。
http://css-tricks.com/855-specifics-on-css-specificity/
a.page_child_title { ... }
会起作用的。
发布于 2011-09-08 16:59:55
有两种解决方案,
更改page_child_title to
a.page_child_title
或
此方法是对元素的直接声明。
希望这能有所帮助!
https://stackoverflow.com/questions/7345497
复制相似问题