Question

I couldn’t find anything in the W3C docs that said pipe chars, |, aren’t allowed, for instance:

<div class="class1|class2">

Don’t worry about what I might be using it for. I was just wondering if it’s “legal”.

Answer 1

The relevant rules can be found in w3c syndata tokenization section, though it’s pretty difficult to conclude from there if pipe is valid or not, as per a glance, it seems that anything is valid for a selector, i.e.:

selector    : any+;
any         : [ IDENT | NUMBER | PERCENTAGE | DIMENSION | STRING
              | DELIM | URI | HASH | UNICODE-RANGE | INCLUDES
              | DASHMATCH | ':' | FUNCTION S* any* ')' 
              | '(' S* any* ')' | '[' S* any* ']' ] S*;