In an attribute selector eg [href^="https://"i] is whitespace required before the i?

[CecilSWard]

See https://stackoverflow.com/questions/79668759/is-whitespace-required-between-the-attribute-selector-sensitivty-flag-and-a-prec

The CSS validator seems to think that whitespace is required before the case-sensitivity flag (‘s’ or ‘i’) a raises an error if no space is present. The above-mentioned post says that whitespace here is optional.

[CecilSWard]

Is this a bug in the CSS validator? Tested in Safari and Firefox on iPad, the no-space CSS seems to work fine, as expected. As far as I can see, the examples given all have whitespace before the ‘i’.

[1jj]

hmm, https://drafts.csswg.org/selectors/#attribute-case basically says not more than this:

To match attribute values ASCII case-insensitively regardless of document language rules, the attribute selector may include the identifier i before the closing bracket (]). When this flag is present, UAs must match the attribute’s value ASCII case-insensitively (i.e. [a-z] and [A-Z] are considered equivalent).

This seems somewhat underspecified for me. The spec examples have spaces.

[frame=hsides i] { border-style: solid none; } 
[type="a" s] { list-style: lower-alpha; }
[type="A" s] { list-style: upper-alpha; }

May be worth filing a spec issue?

Please send feedback by filing issues in GitHub (preferred), including the spec code “selectors” in the title, like this: “[selectors] …summary of comment…”.