a[title~=pdf]:after {
content: "\00A0[Ceci est un affreux PDF]";
}
est une règle CSS de "contenu généré" : dans les navigateurs respecteux de CSS2, tout lien du type :
<a href="..." title="attention: document pdf">...</a>
sera suivi de la mention [ceci est un affreux PDF]
Le principe est simple :
-le sélecteur a[title~=...] stipule que ça s'applique aux liens qui ont un attribut title d'un certain type
-le sélecteur :after stipule que ça doit intervenir juste après les liens en questions
-la règle content... signifie qu'il faut ajouter ce qui suit dans la page à cet endroit.
Bref, au moment où il applique la CSS à la page, le navigateur ajoute le contenu en question là où on lui demande
C'est apparemment génial... sauf que :
- ça ne marche pas dans IE, qui ne gère pas les contenus générés,
- ça ne marche pas dans tout autre navigateur ou media qui ignore les feuilles de styles.
Donc, c'était plutôt un clin d'oeil à Monique qu'une recommandation. Le plus simple est d'écrire en toute lettres dans sa page :
<a href="..." title="attention: document pdf">...</a> (PDF).
Ce message a été modifié par LaurentDenis - 21 avril 2004 - 16:16.