Full selector tooltip no showing on nested LESS selectors

[madskristensen]

Example:

header{
    div{
        display: block;
    }
}

When hovering over the div selector, no tooltip shows the full path: header div. However, hovering the display declaration will. The tooltip should only show on selectors and not on declarations

[am11]

Even in simple CSS, the tooltip only shows specificity for selectors and example and browser compatibility in case of declaration.

Should we change the behavior for all, CSS, LESS and SCSS?

[madskristensen]

To what? Specificity only applies to selectors

[am11]

Currently, tooltips in CSS, LESS and SCSS behaves the following way:

Declarations: Examples and browser icons.
Selectors: Selectors specificity.

The tooltip should only show on selectors and not on declarations

Should we change this behavior for all three stylesheet content types?

[madskristensen]

Ahh, now I get what you mean. No, we should keep the current behavior. It's because this is a bug where the full selector tooltip is shown when hovering a declaration instead of the selector.

[am11]

Cool.

Looks like this is magically resolved. I can't reproduce this specific issue. 👍

However, there are some major snags when calculating specificity. For instance, mixins scenarios which @spadapet mentioned earlier and also the loop structures which SCSS offers to save repetition of code. Those we may be able to fix using compiled code via map files (if the suitable options are enabled in settings). See #783 (comment). This would guarantee the correctness of calculated specificity, displayed in selector's tooltip.