Question

这个算法刚停止在我的页面上工作（它已经工作了一年多）：

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

.classA a {
    style: actual style;
}

a标签不再选择css中的样式。现在，为了让我的标签能够获取样式，我必须专门为它们提供一个类，这样做有效：

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

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

编辑以更好地展示实际样式：

这不再有用（链接有100％的蓝色 - 下划线样式），但已经工作了一段时间。请注意，它最初是为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以解决此问题。

Answer 2

不知道你的完整CSS，我不能肯定地说，但听起来你可能遇到CSS specificity问题。

Answer 3

您的问题中输入的代码问题是类和CSS选择器上的标题化不同

ovalbutton vs ovalButton

您可以在http://jsfiddle.net/5aKKR/1/（无背景图片）

看到此更正并正常工作

Answer 4

它对我有用，您确定CSS selector，.classA a是问题吗？ JsFiddle Demo

Answer 5

在这方面没有任何改变，你的选择器应该有效。

尝试在单独的页面上重现您的问题，您将会看到。

CSS .class a {}不起作用

5 个答案: