658868 - After typo in attribute selector [id|="foo] , the rest of the CSS is not executed

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Anthony Ricaud (:rik)]

Attachment: Testcase

Discovered by Lea Verou (https://twitter.com/leaverou/status/72264737185992705).

I think the testcase is self-explanatory.

Comment 1

[j.j.]

Why should this be green?
It's red in Opera 11 and IE 7, 8, 9.
Looks like a WebKit bug for me.

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

On this line:

[id|="foo] {}

you have the invalid string:

"foo] {}

which is terminated by the end of the line (since strings can't span multiple lines).  At that point, we're now looking for a ] to match the [ at the start of the line, which we never find, so the rest of the style sheet is part of the attribute selector.