«   Previous tip Next tip   »

DevTools: Faster searching in DevTools with CSS selectors

Last updated: 16th March 2023


In the Elements panel, you can quickly find DOM elements by their CSS Selector. For example:

To use this feature

To search for DOM elements by their CSS selectors, use the shortcut: Cmd + F or Ctrl + F.

This means you can search for .card h3 to cycle through all h3 elements which are descendants of elements with a class of card.

Customise the experience

You can customise the 'search as you type' experience.

To customise this experience in DevTools, go to Settings > Preferences > Global > Check or uncheck 'search as you type'.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week