1838626 - Display computed/desugared selector for nested rules

Status: NEW

(DevTools :: Inspector: Rules, enhancement, P2)

Description

[Nicolas Chevobbe [:nchevobbe]]

Nested rules selectors are not as straightforward as people might think

From the spec https://www.w3.org/TR/css-nesting-1/#nest-selector :

The nesting selector can be desugared by replacing it with the parent style rule’s selector, wrapped in an :is() selector

This wrapping can influence the specificity of rules and might confuse users.
Since we're going to need the desugared selector for Bug 1838163, we might as well have a way to show it to the user.