[Bug] Broken highlighting when using URLs in attribute selectors

[waldyrious]

Describe the bug

When using attribute selectors that contain URLs, the URL is highlighted as if it were a CSS property (separated at the : character), and the highlighting seems to become broken afterwards:

This code:

img[src$="http://www.example.com/"], span[title="foobar"] {
  display: none;
}

img[style*="width:150px"], span[title="foobar"] {
  display: none;
}

...is highligted like this:

Compare with:

CodeMirror	Monaco

Browser

Tested in Chromium-based (Brave) and Firefox.

To Reproduce

Steps to reproduce the behavior:

• Open the Stylebot code editor in any page
• Paste the example code block above

Expected behavior

I'd expect the URL to be treated as a string. In fact, I don't think any attribute selector value, other than those for the style attribute (e.g. span[style="padding:2em"]) to be highlighted as css key-value properties.

Screenshots

Added above.

Additional context

N/A.