Tips & Tricks #15

Can I find inactive styles applied to an element?

Chrome, Edge, Opera

Enable authoring hints, by opening Settings (F1) > Experiments > Filter on "authoring hints" > Check "Enable CSS Authoring hints..."

1. In Elements > Locate the authored styles in the Styles pane > Inactive declarations have an "i" icon, which on hover reveals a tooltip displaying more information.

canidev.tools/find-inactive-styles/chrome

---

Firefox

1. In Inspector > Locate the styles in the Rules pane. Inactive styles will have an "i" icon next to it, which on hover will reveal more information about it.

canidev.tools/find-inactive-styles/firefox