Tachyons – A CSS Toolkit

Re:Tachyons – A CSS Toolkit by kid64 on Wednesday July 19, 2023 @11:10AM (#36787756)

No. As of 2022[1], the CSS spec defines a class-name (in a .css rule's selector) as "." + ident, and the lexical scanner rules for ident specifially allow any character outside of 0x00-0x7F in a class name after an initial [_A-Za-z] character.

[1] https://www.w3.org/TR/selectors-3/#w3cselgrammar

[ Parent | on HN ]

Re:Tachyons – A CSS Toolkit by dspillett on Wednesday July 19, 2023 @11:24AM (#36787970)

From my reading you can use any valid non-ascii character for the initial one too:

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

(nmstart being the key definition for this point)

[ Parent | on HN ]

Re:Tachyons – A CSS Toolkit by WhatWorkingOn on Wednesday July 19, 2023 @04:18PM (#36792596)

So why does this tailwind class fail?

document.querySelector('.[&_a]:underline')

[ Parent | on HN ]