Can I DevTools?

Share this post

Tips & Tricks #15

canidevtools.substack.com

Tips & Tricks #15

Can I find inactive styles applied to an element?

Pankaj Parashar
Sep 18, 2022
Share this post

Tips & Tricks #15

canidevtools.substack.com

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
Share this post

Tips & Tricks #15

canidevtools.substack.com
Previous
Next
Comments
TopNew

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing