Closed
Description
Bug description
As title.
Source CSS
.main > :is(.wrapper > *, .wrapper2 > *) {
font-size: 2rem;
}
Expected CSS
.main > .wrapper > * {
font-size: 2rem;
}
.main > .wrapper2 > * {
font-size: 2rem;
}
Actual CSS
.main > :is(.wrapper > *) {
font-size: 2rem;
}
.main > :is(.wrapper2 > *) {
font-size: 2rem;
}
Playgound example
Does it happen with npx @csstools/csstools-cli <plugin-name> minimal-example.css
?
Yes
Debug output
postcss-is-pseudo-class: test.css:1:1: Complex selectors in '.main > :is(.wrapper > *, .wrapper2 > *)' can not be transformed to an equivalent selector without ':is()'.
postcss-is-pseudo-class: test.css:1:1: Complex selectors in '.main > :is(.wrapper > *)' can not be transformed to an equivalent selector without ':is()'.
postcss-is-pseudo-class: test.css:1:1: Complex selectors in '.main > :is(.wrapper2 > *)' can not be transformed to an equivalent selector without ':is()'.
Extra config
postcss-preset-env
{
minimumVendorImplementations: 2
}
browserslist
defaults
> 0.1% in CN
fully supports es6-module and fully supports url
What plugin are you experiencing this issue on?
PostCSS Preset Env
Plugin version
10.2.1
What OS are you experiencing this on?
Linux, Windows
Node Version
24.1.0
Validations
- Follow our Code of Conduct
- Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
Would you like to open a PR for this bug?
- I'm willing to open a PR
Metadata
Metadata
Assignees
Labels
No labels