[Reglé] [CSS] <SPAN> dans <A>

[Genzo]

Bonjour,

J'aimerais indiquer à l'utilisateur qu'il a déjà cliqué sur un lien, avec la mention [vu] juste à gauche du lien (un peu comme sur le site WRI).

Voilà ma structure :

Code: Tout sélectionner

            <div class="video">
               <a href="video-{video.ID}-{video.URL}.htm">
                  <img src="img/mini/{video.IMG}.jpg" title="{video.ID}" class="imgvideo" alt="{video.NOM}" />
                  <span class="vu">[vu] </span>
                  {video.NOM}
               </a><br />
               {video.STATS}
            </div>

Je voudrais appliquer cette CSS à la classe vu :

Code: Tout sélectionner

.vu A:link { display:none }
.vu A:visited { display:inline }

Mais évidemment, je vois [vu] même si j'ai pas cliqué sur le lien (la CSS semble être inutile).

Avez-vous une solution à mon problème ?

[Leonick]

C'est normal,

Code: Tout sélectionner

.vu A:link

ne correspond à rien, vu que vu est dans le span qui ne contient pas de link !
A la limite, je mettrais plutôt

Code: Tout sélectionner

A:link .vu

A tester

[xenoox]

Bonjour,

Code: Tout sélectionner

.vu { display:none }

[Genzo]

C'est normal,

Code: Tout sélectionner

.vu A:link

ne correspond à rien, vu que vu est dans le span qui ne contient pas de link !
A la limite, je mettrais plutôt

Code: Tout sélectionner

A:link .vu

A tester

J'avais hélas pas testé... Merci

Se faire avoir de cette façon avec mon niveau CSS... je vais aller me pendre.

Merci Leonick de m'avoir éclairé.

@Wenoox : display:none permet de masquer l'élément contenant ce style.

[xenoox]

bah c pas ce ke tu ve faire masquer l'element quand il est pas cliqué ?
avec un coup de javascript, tu le raffiche ....

[Genzo]

bah c pas ce ke tu ve faire masquer l'element quand il est pas cliqué ?
avec un coup de javascript, tu le raffiche ....

Je porte pas Javascript dans mon coeur. Surtout en sachant que CSS pouvait le faire avec A:visited.

[MarvinLeRouge]

NB : Tu peux faire ça sans span supplémentaire si tu veux, il te suffit d'utiliser une image en background, avec un petit padding pour qu'on la distingue bien du lien. Avec un petit symbole, ça peut être pas mal.