(css) Wrong highlight :first-of-type :first-child

[zweroboy1]

Describe the issue
Wrong highlight :first-of-type :first-child, "-of-type" "-child" is not highlighted

Which language seems to have the issue?
CSS

Are you using highlight or highlightAuto?
highlightElement

Sample Code to Reproduce
chatGPT

Expected behavior
Correct highlighting :)

Additional context

[joshgoebel]

Please provide textual content of problematic example, not just an image.

[zweroboy1]

For the CSS language, each letter in the pseudo-classes ":first-of-class" and ":first-child" should be colored. Currently, only ":first" is colored, while "-of-class" and "-child" remain the default color.

[joshgoebel]

Yes, I understand, but please provide the RAW text (that you took a snap of) that I can easily copy and paste for testing.

[neix604]

There is the same problem here. "-of-type" and "-child" are not highlighted.
Even though I putted the tag name in front of the pseudo selector(like div:first-child), it wasn't solved.
I think this error occurs only in selectors that begin with ":first".

The code is as follows.

:first-child { padding: 0; } :first-of-type { padding: 0; }

[joshgoebel]

For use in "either" style regex the word lists need to be reverse-alpha sorted - which has the effect of putting the LONGEST terms first, preventing the shorter words from stealing the match. So simply reverse()ing the keyword lists might solve this. I think there are other examples.

[TimChinye]

This has not been fixed.

See:

span:first-child {

Additionally, it doesn't recognise pseudo-elements that aren't pseudo-classes (which makes sense, but I'm not sure if it's on purpose):

span::first-child {

span::first-of-type {

It does work for some pseudo-classes & pseudo-elements:

[Dxuian]

is this still open ?

[joshgoebel]

yes appears so