Css-问题:字体-大小
Css-问题:字体-大小
提问于 2011-09-08 16:52:46
我有一个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”，同样的结果，所以现在我有点卡住了。有没有人知道是什么导致了这个问题？
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-09-08 17:03:01
Stack Overflow用户
发布于 2011-09-08 16:55:36
.page a是一个更具体的选择器。因此，将使用其设置。
这种现象称为css特异性。
http://css-tricks.com/855-specifics-on-css-specificity/
a.page_child_title { ... }会起作用的。
Stack Overflow用户
发布于 2011-09-08 16:59:55
有两种解决方案，
更改page_child_title to
a.page_child_title或
此方法是对元素的直接声明。
希望这能有所帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7345497
复制相关文章
相似问题