HTML/CSS: <a> tag règles CSS w/ pseudoclasses rendu de façon incohérente

J'ai rencontré un problème dernièrement avec mes projets de web design qui a été insignifiant assez pour se glisser à travers mes doigts fixées, à quelques reprises, mais c'est juste devenu trop gênant.

Dire que j'ai une feuille de style avec ces règles:

a {
    outline: 0;
    text-decoration: underline;
}

a:link {
    color: #0099FF;
}

a:visited {
    color: #0099FF;
}

a:hover {
    color: #FFFF00;
}

a:active {
    color: #33FF66;
}

Liens dans mon document que parfois avoir les bonnes couleurs, mais parfois, ils vont juste être par défaut (bleu)->violet liens. Je suis sur un fond noir, ces air terrible.

Si j'actualise la page, environ la moitié du temps, ils vont s'afficher correctement. Ce qui se passe dans Firefox et Chrome.

Ce qu'il se passe?

Essayez de combiner a:link, a:visited car ils sont de la même couleur?
Autre que peut-être la consolidation de votre :link et :visited ensemble, le css a l'air bien. Comment êtes-vous y compris votre css? Il semble que votre page est parfois le chargement du fichier css et parfois pas.
Est-il vraiment juste de la <a> tags arriver CSS appliqué de façon uniforme, ou de tous les éléments?
Obtenez de l'extension Firebug pour Firefox - il est idéal pour la traque des trucs comme ça...
Pourriez-vous m'en dire un peu plus sur le jeu, avez-vous une ferme de serveurs? Est-il seulement le lien de couleurs qui sont touchés? ou est-il plus styles que sont le retour à un autre/ style par défaut?

OriginalL'auteur Mike Turley | 2011-03-31

4

Si vous êtes actuellement à l'élaboration de votre css, il est très possible que les navigateurs ont une version en cache de la mauvaise version de la feuille de style, ce qui pourrait expliquer pourquoi vos liens ne s'affichent pas correctement.

Essayez les solutions suivantes :
Dans votre lien vers le css, ajouter une chaîne de requête avec les ordures ménagères, les valeurs. Cela va forcer le re-télécharger de la css et de voir si vos règles s'appliquent de manière cohérente. S'ils le font, alors vous savez que c'est un problème de mise en cache. Laissez la chaîne de requête est et de vos utilisateurs de télécharger à nouveau le fichier css.
Si non, alors vous avez un problème de css. Télécharger firebug pour firefox, consultez l'un des liens qui n'affiche pas la bonne couleur et de voir quelles sont les règles qui s'appliquent à elle.

Voici comment vous pourriez ajouter la chaîne de requête :
```
<link rel="stylesheet" type="text/css" href="style.css?v=3">
```
Hugo, j'ai pensé qu'un navigateur de lire style.css et style.css?ver=3 comme différents, mais ne sera pas re-télécharger la feuille de style quand il s'agit, selon la même chaîne de requête. Jusqu'à ce que vous le changiez. Pensez-vous différemment?
Vous êtes correct (autant que je sache). Vous devez modifier la chaîne de requête si vous voulez invalider le cache.
Oh bon. J'étais inquiet pour un instant que tous les site que j'ai construit cette année ont été le rechargement de la css à chaque actualisation. merci.

OriginalL'auteur Hugo Migneron
1

Bien sûr, c'est un vieux post, mais j'ai connu les mêmes problèmes ces derniers temps.
Après quelques heures de recherche, j'ai finalement réalisé que mon balisage n'était pas valide parce que l'aide de la syntaxe suivante:
```
<a href="somlink"><i>my link text</i></a>
```
Cela rend parfaitement dans tous les navigateurs, mais bien sûr le sélecteur dans ma feuille de style n'était pas assez.
Dans ce cas, j'avais besoin de ce qui suit:
```
   a i, a:hover i, a:visited i
   {
       some rule....
   }
```
Espère que cela peut aider quelqu'un...

OriginalL'auteur jhfelectric
0

Semble très bizarre.

Tout d'abord je voudrais mettre un color sur votre base a pour correspondre à votre a:link et a:visited:
```
a {
    outline: 0;
    text-decoration: underline;
    color: #0099FF;
}
```
Cela devrait s'appliquer à chaque balise d'ancrage qu'il trouve. si vous avez une balise d'ancrage sans un href le a:link l'habitude de s'appliquer.

OriginalL'auteur Luke Duddridge

Vous devez vous connecter pour publier un commentaire.