Re: [csswg-drafts] Mixing :is() (or equivalent) with pseudo-elements (#9702)

• From: Jeroen Zwartepoorte via GitHub <sysbot+gh@w3.org>
• Date: Mon, 14 Oct 2024 19:31:00 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-2412058902-1728934258-sysbot+gh@w3.org>

So i kind of got redirect here :) I ran into the following issue:

This works:

```css
sl-month-view::part(finish) {
  background: var(--sl-color-success-plain);
  border-radius: 50%;
  color: var(--sl-color-text-inverted);
}

sl-month-view::part(finish):hover {
  background: var(--sl-color-success-bold);
}
```

But this doesn't:

```css
sl-month-view::part(finish) {
  background: var(--sl-color-success-plain);
  border-radius: 50%;
  color: var(--sl-color-text-inverted);

  &:hover {
    background: var(--sl-color-success-bold);
  }
}
```

This behavior is not obvious to me and it feels like both should work just fine (from a web dev point of view).

@tabatkins can you confirm i'm in the right issue for this?

-- 
GitHub Notification of comment by jpzwarte
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9702#issuecomment-2412058902 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 14 October 2024 19:31:01 UTC