vscode-styled-components icon indicating copy to clipboard operation
vscode-styled-components copied to clipboard

Highlighting breaks for `:has()` when combined with an operator and child psuedoclass

Open giraugh opened this issue 2 years ago • 1 comments

Describe the bug (including copyable syntax) The highlighting breaks for this example using the new :has selector.

&:has(> a:hover) {
  font-size: 1px;
}

Screenshot image

Build environment (please complete the following information):

  • OS: OSX
  • VSCode Version: 1.71.2
  • Extension Version 1.7.5

giraugh avatar Sep 29 '22 12:09 giraugh

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:

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

dvins avatar Oct 24 '22 15:10 dvins