Specificifity Indicator on Styles || Classes

Hi Pinegrow!

I would like to know if you have been thinking about a specificity calculator or indicator that is integrated with the UI? I believe you see them around the web but I’m somewhat hoping that you’re thinking about having such a nice “measurement” tool integrated, it would be great to write better css.


specificity is indicated in PG a couple different ways.

on the style panel when you have “active” as your rule set the specificity of the rules affecting the highlighted element are presented in decreasing order (most specific at the top).

where conflicts occur (specificity wars) the overridden rules will be crossed out.

also when you are making a new rule in the style panel the ellipsis next to the Create button will give you a visual indicator of how many elements will be affected by the rule

1 Like