styles CSS question

Question

Y at-il un moyen d'ajouter des caractères spéciaux ♦ à travers les styles CSS si oui pouvez vous montrer un exemple qui fonctionne sur la plupart des navigateurs?

Answer 1

Non, il est impossible, en tant que tel.

Lorsque vous utilisez :after { content: }, vous ne pouvez pas spécifier les balises HTML, ni des entités dans la chaîne de contenu. Vous pouvez cependant spécifier les symboles directement. (En effet, la chaîne de contenu ne sont pas analysées comme XML/HTML, mais comme le texte brut, et est inséré in extenso.)

En d'autres termes: a:after { content: "<" } va donner le visuel équivalent à <a href="#">Some Link</a>&amp;lt;.

a:after { content: "♦" }; fonctionnera parfaitement, quoique.

Answer 2

Vous pouvez utiliser le: après et: avant pseudoelements, mais ils ne sont pas pris en charge par tous les navigateurs, jetez un oeil à

http://www.w3schools.com/css/pr_pseudo_after.asp http://www.w3schools.com/css/pr_pseudo_before.asp

Answer 3

Vous devriez toujours éviter d'utiliser le contenu CSS, car il est faux de mélanger la présentation avec le contenu de la page.

De plus, le contenu CSS est not supported by some browsers, à savoir par IE6 et IE7.

Si je voulais le faire, j'utiliser CSS pour fixer l'image d'arrière-plan et ajouter un élément HTML autour du mot:

<style type="text/css"> 
abbr { padding-right:20px; 
background:url("http://img690.imageshack.us/img690/2005/blackdiamond.png") right no-repeat; } 
</style> 

<abbr>Something</abbr> very very Important goes here. 

Résultat:

Le seul problème est - si je peux modifier le code HTML pour envelopper mon mot avec <span> ou <abbr> ou tout autre élément HTML que je pourrais probablement wrtite & diams; dans le code lui-même ... votre appel.