[Résolu] Css syntaxe inconnue after

Bonjour,
Reprenant un site bien écrit dans l'ensemble je butes sur l'analyse en français de

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}

Pouvez vous m'aider

Hello,

.ir a:after

Cible l'ensemble des liens contenus dans un élément portant la classe "ir".

a[href^="javascript:"]:after

Cible l'ensemble des liens dont la cible commence par "javascript:".

a[href^="#"]:after

Cible l'ensemble des liens dont la cible commence par "#".

:after permet quant à lui d'insérer le contenu " " après l'élément ciblé à l'aide de la propriété content.

Modifié par audrasjb (05 Dec 2013 - 11:30)

audrasjb+1
je pense qu'on ne peut pas faire plus clair

audrasjb a écrit :
Hello,
...........

Whaou tu es super sympa, c'est limpide, juste il fallait connaitre tout cela.
Mille mercis à toi

Ce qui permet de fabriquer des liens de téléchargement personnaliés sans ajout de classes. Comme pour les .zip par exemple...

Olivier C a écrit :
Ce qui permet de fabriquer des liens de téléchargement personnaliés sans ajout de classes. Comme pour les .zip par exemple...

Bien d'accord avec toi, et en creusant sur la piste de audrasjb je vois la facilitée de mettre un mini ICO
comme ce-ci pour reprendre ton idée de zip (trouvé sur le NET)

a {
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	background:url(bouton_fond.gif) 0 0 repeat-x;
}
a:before {
	vertical-align:middle;
	content:url(zip.gif);
}
a:after  {
	vertical-align:middle;
	content:url(zip.gif);
}

Un petit exemple live sur l'une de mes pages, avec comme ciblage css :

a[href$=".pdf"],
a[href$=".zip"] {
/* le code */
}

Voir aussi cet article de Goetter.
Modifié par Olivier C (05 Dec 2013 - 19:46)