2017-09-12 2 views
0

Je suis en train de personnaliser un thème wordpress et je suis un problème avec le style des liens. En particulier, je fais référence aux liens que vous ajoutez à votre message. Je peux changer la couleur de ceux-ci, mais le soulignement ne partirai pas, malgré la règle css:text-decoration ne disparaîtra pas

a, .entry-meta a, entry-content a { 
    color: #cc6633; 
    transition: color .5s linear; 
    text-decoration: none!important; 

} 

les changements de couleur, la transition fonctionne, mais le texte décoration ne fonctionne pas. En outre, le soulignement reste une couleur différente (ainsi la couleur n'est pas appliquée au soulignement). Quelqu'un d'autre a eu ce problème? Merci

modifier //////////////////////////////////////////// ////////////

Je suis maintenant retiré de la ligne:

text-decoration: none;

et trouvé ceci:

enter image description here

Il est tout à fait subtile en raison des styles, mais vous pouvez voir le soulignage revient et les « autres » (il reste soulignement est gris foncé). Cela signifie qu'il y a "deux" underlinings étant appliqués au même lien?

+0

Vous avez une erreur dans votre règle: il devrait être 'a' de .entry contenu avec un point avant entrée' contenu '. – saNs

+0

Pouvez-vous nous montrer le code HTML entourant le lien, le code CSS pour les éléments de conteneurs, et une démonstration de travail de la question - de préférence comme [exemple minimal, complet et Vérifiable] (https://stackoverflow.com/help/mcve) mais même un lien vers votre site en direct aiderait. – FluffyKitten

+0

Si vous devez utiliser important, alors votre spécificité n'est pas correcte. S'il vous plaît fournir un lien afin que nous puissions voir le problème en temps réel. – Kodaloid

Répondre

0

1er, donner un espace entre le rien et! Important. 2ème, Il peut y avoir une autre classe qui a la décoration de texte: souligner! Important, qui est appliqué après votre style,

essayez de donner le tag un style en ligne et voir comment ça se passe.

<a style="text-decoration: none !important;"></a> 
1

Il manque avant que l'objet de la classe (.):

.entry-content a{ 
text-decoration: none !important!;}