CSS:après le codage de caractères dans le contenu

Je suis en utilisant le CSS suivant, qui semble être au travail:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}

Les personnages cependant ne semblent pas être codé comme ceci, car la sortie est littérale et montre de la chaîne:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}

Si je ne peux pas coder, il se sent comme je dois utiliser quelque chose comme .append() de jQuery, qui prend en charge l'encodage. Des idées?

InformationsquelleAutor theorise | 2011-02-17
  1. 87

    D'utiliser des caractères Unicode codés dans content vous devez fournir soit les personnages eux-mêmes (comme vous le faites), ou leur UTF-8 séquences d'échappement au lieu d'entités HTML:

    a.up:after { content: " 93"; }
a.down:after { content: " 91"; }
    • Oh ça marche, génial merci. Intérêt, où avez-vous trouver l'UTF-8 séquences d'échappement. Je n'ai jamais rien vu de tel avant. (En attente de la limite de temps pour accepter la réponse)
    • Sur Windows il y a la table de Caractères (qui se trouve dans Tous les Programmes > Accessoires > Outils Système). Vous devriez être capable de trouver des tables de caractères UTF-8 et leur échappe en cherchant sur le Web aussi.
    • génial, tout le windows charmap, parfait, merci encore!
    • Voici un graphique en ligne: htmlhelp.com/reference/html40/entities/symbols.html
    • Dans cette page, avec les conversions de table, il devrait y avoir une colonne supplémentaire pour avoir les valeurs pour les CSS' "contenu" de la définition. Par exemple: ƒ dans le HTML de la valeur Hexadécimale est "\192" pour CSS contenu, et ainsi de suite.
    • juste des flèches: w3schools.com/charsets/ref_utf_arrows.asp

    InformationsquelleAutor BoltClock
  2. 12

    Pourquoi voulez-vous pour coder les caractères de toute façon? Rappelez-vous, vous êtes en train de rédiger CSS, pas en HTML. Votre code:

    a.up:after{content: " ↓";}
a.down:after{content: " ↑";}

    est parfaitement valide, aussi longtemps que vous enregistrez le fichier avec l'encodage UTF-8 et d'envoyer l'en-tête approprié:

    Content-Type: text/css; charset=utf-8

    L'encodage des caractères est utilisé uniquement en HTML pour qu'il n'y a pas d'ambiguïté entre le contenu et les balises. Ainsi, vous encoder< comme &lt; de sorte que le navigateur ne pense pas que c'est le début d'une balise. Des trucs comme &darr; sont juste des produits de base pour les personnes qui ne savent pas comment utiliser l'utf-8 (ou ne peut pas, pour quelque raison que ce soit) :).

    • C'est un bon point.
    • Mais pourquoi ne pas avoir le contenu codé pour être aussi compatible que possible?? Vrai, la valeur codée ne sera pas "lisible" lors de l'affichage du code plus tard (ou par un autre développeur), mais vous pouvez toujours ajouter des commentaires pour que... ET dans ce cas, vous n'aurez pas besoin de vous rappeler de sauvegarder l'ensemble en UTF/Unicode.
    • Événement 7 ans après votre réponse est toujours utile. Merci beaucoup !
    • la réponse est meilleur.
    InformationsquelleAutor Felix