[csswg-drafts] An extra keyword to disable inheritance? (#9531)

simevidas has just created a new issue for https://github.com/w3c/csswg-drafts:

== An extra keyword to disable inheritance? ==
The blog https://nerdy.dev/ has a transparent retractable sticky nav bar with a few buttons and links on the side. Since the bar is transparent, the website uses the following styles to allow the mouse cursor to go through the “empty” parts of the bar:

```css
.Nav {
  pointer-events: none;
}

.Nav > * {
  pointer-events: auto;
}
```

This works, but I think the code would be more readable and robust if we didn’t have to set and unset `none` in two steps. Imagine if there existed an optional keyword that disabled inheritance for a declaration.

```css
.Nav {
  pointer-events: none no-inherit;
}
```

Does something like this exist?

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9531 using your GitHub account


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

Received on Friday, 27 October 2023 02:41:17 UTC