[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 :

				<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 :

.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,

.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

A:link .vu

A tester :?:

 

[xenoox]

Bonjour,

.vu { display:none }

:?:

 

[Genzo]

C'est normal,

.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

A:link .vu

A tester :?:

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

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.