Searching for HTML elements in Chrome DevTools

Google ChromeSearchGoogle Chrome-DevtoolsDeveloper Tools

Google Chrome Problem Overview

On this website, there's a div with the attribute class="item". When I clicked F12 to bring up the Developer Tools. I pressed Ctrl + F and typed in class="item" and no results came back. I also tried Ctrl + Shift + F but nothing returned. Here is a screenshot:

enter image description here

Even if I search for class=, only text within HTML comments are found. Thanks in advance for any help you are able to provide.

Google Chrome Solutions

Solution 1 - Google Chrome

I searched for the XPath of the element instead and it worked:


Solution 2 - Google Chrome

Late answer but pretty sure .item would've worked.

Solution 3 - Google Chrome

Search bar only supports string, CSS selectors or XPath selectors.

I recommend you use CSS selectors: [class="item"]

Solution 4 - Google Chrome

This seems like it might be a bug. You can report it on

If you were to search for 'item' you should be able to find the elements that have the class item on them.

Solution 5 - Google Chrome

Dayuloli's fix is a good one, you can also just search for "item" although that won't work if there are multiple classes on that element.


All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiondayuloliView Question on Stackoverflow
Solution 1 - Google ChromedayuloliView Answer on Stackoverflow
Solution 2 - Google ChromeAmauriView Answer on Stackoverflow
Solution 3 - Google ChromeinnomerpheyView Answer on Stackoverflow
Solution 4 - Google ChromejaredwilliView Answer on Stackoverflow
Solution 5 - Google ChromeBen CrookView Answer on Stackoverflow