html - CSS .class a {} 不工作

Question

这个算法刚刚在我的页面上停止工作(它已经工作了一年多):

<div class="classA" id="specific1">
    <a href="#">Link Text</a>
</div>

.classA a {
    style: actual style;
}

a 标签不再采用 css 中的样式。现在，为了让我的 a 标签采用这种风格，我必须专门给它们一个类，这样就可以了:

<div class="classA" id="specific1">
    <a class="classB" href="#">Link Text</a>
</div>

最近在 IE7 或 FireFox4 中有什么变化会破坏第一个算法吗？我更愿意修复 css，而不是将一个类插入到多个页面上的所有相关 a 标签上。

编辑以更好地显示实际样式:

这不再有效(链接有 vanilla 100%-blue-underline 样式)但已经工作了很长一段时间。请注意，它最初是为 IE6 设计的，在切换到 IE7 后幸存下来，但随后停止采用其风格。希望这对所有尝试回答的人都有帮助!

-- HTML --
<div class="ovalButton" id="oval1"><a href="#">LinkText</a></div>       

-- CSS --
* {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: verdana, arial, sans-serif;
}

.ovalButton {
    position: absolute;
    width: 150px;
    height: 60px;
}

.ovalbutton a {
    background: url("logo_butn.gif") no-repeat;
    display: block;
    color: #0063B5;
    width: 150px;
    height: 60px;
    overflow: hidden;
    font-size: 80%;
    font-weight: bold;
    text-decoration: none;
    padding: 16px 15px 20px 0;
    text-align: center;
}

.ovalbutton a:Hover { background: url("logo_butn_highlight.gif") no-repeat; }

#oval1 { top: 12px; left: 300px; }
#oval1 a { padding-top: 25px; }

当我将确切的样式从 .ovalbutton a {} 复制到一个单独的类并将该类应用到 html 中的链接时，它工作正常。

Answer 1

问题出在这里:

.ovalbutton a {

大小写不匹配:

<div class="ovalButton" 

您可以将 CSS 选择器更改为 .ovalButton a 以解决此问题。