CSS .class a {} не работает

Question

Этот алгоритм просто перестал работать на моей странице (он работал уже больше года):

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

.classA a {
    style: actual style;
}

Тег больше не воспринимает стиль в CSS.Теперь, чтобы мои теги a могли подобрать стиль, я должен дать им класс специально, и это работает:

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

Что-то изменилось недавно в IE7 или FireFox4, что сломало бы первый алгоритм?Я предпочел бы исправить CSS, а не вставлять класс во все соответствующие теги a на нескольких страницах.

Изменить, чтобы лучше показать фактический стиль:

Это больше не работает (ссылкиимейте ванильный 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 отличается

ovalbutton vs ovalButton

Вы можете видеть это исправленным и работающим на http://jsfiddle.net/5aKKR/1/ (нетфоновые изображения)

Answer 3

Не зная вашего полного CSS, я не могу сказать наверняка, но похоже, что вы столкнулись с проблемой CSS-специфичности .

Answer 4

В этом отношении ничего не изменилось, и ваш селектор должен работать.

Попробуйте воспроизвести вашу проблему на отдельной странице, и вы увидите.

Answer 5

у меня работает, вы уверены, что CSS selector, .classA a, это проблема? JsFiddle Demo