Caractères autorisés pour les CSS identifiants

Quelles sont la (pleine) valide /permis charset caractères pour CSS identificateurs id et class?

Est-il une expression régulière que je peux utiliser pour la validation? Est-il navigateur agnostique?

InformationsquelleAutor Alix Axel | 2010-05-11
  1. 44

    Le jeu de caractères n'a pas d'importance. Les caractères autorisés est plus important. De vérifier la Spécification CSS. Voici un cite de pertinence:

    Dans le CSS, les identifiants (y compris les noms d'élément, les classes et les Id dans sélecteurs) peut contenir que les caractères [a-zA-Z0-9] et ISO 10646 U+00A0 et plus, plus le trait d'union (-) et le trait de soulignement (_); ils ne peuvent pas commencer par un chiffre, deux traits d'union, ou d'un tiret suivi d'un nombre. Les identificateurs peuvent également contenir des caractères d'échappement et un ISO 10646 personnage comme un code numérique (voir point suivant). Par exemple, l'identificateur "B&W?" peut être écrite comme "B\&W\?" ou "B\26 W\3F".

    Mise à jour: Comme pour la regex question, vous pouvez trouver la grammaire ici:

    ident      -?{nmstart}{nmchar}*

    Qui contient des pièces:

    nmstart    [_a-z]|{nonascii}|{escape}
nmchar     [_a-z0-9-]|{nonascii}|{escape}
nonascii   [40-77]
escape     {unicode}|\\[^\r\n\f0-9a-f]
unicode    \\{h}{1,6}(\r\n|[ \t\r\n\f])?
h          [0-9a-f]

    Cela peut être traduit en Java regex comme suit (j'ai seulement ajouté des parenthèses pour les pièces contenant le OU et échappé à l'anti-slash):

    String h = "[0-9a-f]";
String unicode = "\\\\{h}{1,6}(\\r\\n|[ \\t\\r\\n\\f])?".replace("{h}", h);
String escape = "({unicode}|\\\\[^\\r\\n\\f0-9a-f])".replace("{unicode}", unicode);
String nonascii = "[\0-\7]";
String nmchar = "([_a-z0-9-]|{nonascii}|{escape})".replace("{nonascii}", nonascii).replace("{escape}", escape);
String nmstart = "([_a-z]|{nonascii}|{escape})".replace("{nonascii}", nonascii).replace("{escape}", escape);
String ident = "-?{nmstart}{nmchar}*".replace("{nmstart}", nmstart).replace("{nmchar}", nmchar);

System.out.println(ident); //The full regex.

    Mise à jour 2: oh, vous êtes de plus en PHP, er, eh bien, je pense que vous pouvez comprendre comment/où faire str_replace?

    • "l'identifiant "B&W?" peut être écrit "B\&W\?" ou "B\26 W\3F"" - Mais personne ne le fait, et je suis content qu'ils n'en ont pas. 🙂
    • MERCI!!!! C'est tout simplement génial! 😀 je pensais qu'il était très limitée, mais ne savait pas que je pouvais utiliser ` comme un caractère d'échappement. Quelqu'un a déjà construit une regex pour valider le permis de caractères?
    • C'est parfait, et oui je peux le comprendre. =) Merci encore!
    • Vous êtes les bienvenus. N'oubliez pas de le rendre insensible à la casse ou en minuscules, l'identifiant à l'avance.
    • Si je évaluer votre Java, j'ai le regex modèle: -?([_a-z]|[\x200-\x377]|(\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f]))([_a-z0-9-]|[\x200-\x377]|(\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f]) )* Encore qui correspond à la chaîne "2thisshouldfail" qui n'est pas valide CSS indicateur
    • indique OCTAL de base. il n'est pas clair pourquoi vous mentionnez =\200-\377 où il est dit \240-\377. NAd c'est certainement pas la valeur \\x200 qui représente hex.
    • Son regex est faux. vous êtes de droite. voir ici
    • la réponse a été corrigé, merci.

    InformationsquelleAutor BalusC
  2. 2

    Pour ceux qui recherchent quelque chose d'un peu plus de tour de clé. La pleine expression, remplacé toutes et à tous, à partir de @BalusC la réponse est:

    /-?([_a-z]|[0-7]|([0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|[^\r\n\f0-9a-f]))([_a-z0-9-]|[0-7]|([0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|[^\r\n\f0-9a-f]))*/

    Et à l'aide de DEFINE, que je trouve un peu plus lisible:

    /(?(DEFINE)
    (?P<h>        [0-9a-f]                             )
    (?P<unicode>  (?&h){1,6}(\r\n|[ \t\r\n\f])?        )
    (?P<escape>   ((?&unicode)|[^\r\n\f0-9a-f])*       )
    (?P<nonascii> [40-77]                          )
    (?P<nmchar>   ([_a-z0-9-]|(?&nonascii)|(?&escape)) )
    (?P<nmstart>  ([_a-z]|(?&nonascii)|(?&escape))     )
    (?P<ident>    -?(?&nmstart)(?&nmchar)*             )
) (?:
    (?&ident)
)/x

    D'ailleurs, l'origine de l'expression régulière (et @l'homme de la contribution de) a eu quelques voyous des caractères d'échappement qui permettent [ dans le nom.

    Aussi, il convient de noter que les premières regex sans, DEFINE, fonctionne sur 2x plus rapide que la DEFINE expression, en prenant seulement ~23 étapes pour identifier un caractère unicode, tandis que le plus tard prend ~40.

    InformationsquelleAutor Mike
  3. 1

    Ce n'est qu'une contribution à @BalusC réponse. C'est la version de PHP du code Java, il a fourni, je me suis convertie et j'ai pensé à quelqu'un d'autre pourrait trouver utile.

    $h = "[0-9a-f]";
$unicode = str_replace( "{h}", $h, "\{h}{1,6}(\r\n|[ \t\r\n\f])?" );
$escape = str_replace( "{unicode}", $unicode, "({unicode}|\[^\r\n\f0-9a-f])");
$nonascii = "[0-7]";
$nmchar = str_replace( array( "{nonascii}", "{escape}" ), array( $nonascii, $escape ), "([_a-z0-9-]|{nonascii}|{escape})");
$nmstart = str_replace( array( "{nonascii}", "{escape}" ), array( $nonascii, $escape ), "([_a-z]|{nonascii}|{escape})" );
$ident = str_replace( array( "{nmstart}", "{nmchar}" ), array( $nmstart, $nmchar ), "-?{nmstart}{nmchar}*");


echo $ident; //The full regex.
    InformationsquelleAutor human