CSS .class a {} ne fonctionne pas

Cet algorithme arrêté de fonctionner sur ma page (il avait travaillé pendant plus d'un an qu'il l'était):

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

.classA a {
    style: actual style;
}

L'une balise n'est plus reprend le style dans le css. Maintenant pour mes tags pour ramasser le style que j'ai à leur donner une classe spécifiquement et cela fonctionne:

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

Fait quelque chose de changer récemment dans IE7 ou FireFox4 qui enfreignent le premier algorithme? Je préfère fixer le css plutôt que d'insérer une classe sur tous les éléments d'une des étiquettes sur plusieurs pages.

Modifier pour mieux montrer le réel style:

Cela ne fonctionne plus (les liens ont vanille 100%-bleu-souligner le style), mais avait été de travail pour très peu de temps. Notez qu'il a d'abord été conçu pour IE6, a survécu à la passer à IE7, mais a par la suite cessé de décrocher son style. Espérons que cela aide à vous tous qui ont gentiment essayé de répondre!

-- 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; }

Quand je copie exactement le style de .ovalbutton un {} pour une catégorie distincte et d'appliquer cette classe pour le lien dans le html, il fonctionne très bien.

  • 2 points: ci-dessus vous avez le HTML/CSS, pas un algorithme et CSS doit être enveloppé dans un <style> balises ou autre en ligne.
  • Peut-être que vous avez de nouveaux styles de l'écraser?
  • style n'est pas une propriété CSS.... Merci de poster votre HTML, CSS (partie).
  • Pourriez-vous un lien à votre problème site web ou au moins à une page de test?
  • haha, Felix, ni actual style; une propriété CSS
  • Je sentais que je devais dire quelque chose 😉 Que pouvez-vous faire avec de pseudo-dans ce cas? Rien.
  • Merci pour les commentaires: je ne comprend pas le HTML et le CSS, car c'est à l'intérieur de mon entreprise. Je voulais dire seulement pour afficher les modèles qui n'ont pas de travail plus. Je vais utiliser un exemple la prochaine fois!
  • "récemment, dans IE7 ou FireFox4" ಠ_ಠ
  • Édité pour répondre à certains des commentaires ci-dessus. J'espère que c'est mieux!
  • Veuillez voir ma réponse mis à jour en réponse à votre posté code. Il y a une erreur de casse dans votre sélecteur CSS.

InformationsquelleAutor Angie | 2011-07-11