Uploaded December 2025 | Updated September 2026, 1 hour ago

---

Find out how to become more productive when working with the Elements panel in Chrome DevTools.

In this guide, you’ll learn how to hide inspect element popups that sometimes obscure your view, how to work with CSS classes effectively, and how to keep interactive elements, such as dropdowns, from disappearing while DevTools are focused.

📖 Chapters
00:00 How to hide Inspect Element popups while hovering
01:06 How to hover over elements with pointer-events: none;
01:39 How to highlight all elements a CSS selector matches
02:07 How to work with CSS classes in the elements panel effectively
03:32 How to prevent dropdowns from disappearing while the DevTools are focused
05:26 How to use Command Palette in Chrome DevTools

Subscribe to my newsletters:
💌 CSS Weekly: css-weekly.com
🚀 AI Developer: aideveloperweekly.com

Help support my channel
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly
💖 Become a member on Patreon: patreon.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
👨‍🎓 Get a course: masteringlinting.com

Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #chromedevtools