vscode-styled-components
vscode-styled-components copied to clipboard
Highlighting breaks for `:has()` when combined with an operator and child psuedoclass
Describe the bug (including copyable syntax)
The highlighting breaks for this example using the new :has
selector.
&:has(> a:hover) {
font-size: 1px;
}
Screenshot
Build environment (please complete the following information):
- OS: OSX
- VSCode Version: 1.71.2
- Extension Version 1.7.5
This may or may not be the same issue, but appears at least related. Syntax highlighting also breaks in the particular case shown below, but is valid CSS and handled correctly by Chrome:

.ant-input:has(+.ant-input-group-addon:last-of-type) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}