Searching for HTML elements in Chrome DevTools

Question

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:

Even if I search for class=, only text within HTML comments are found.

Answer 1

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

//*[@class="item"]

Answer 2

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

Answer 3

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

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

Answer 4

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.

Answer 5

Just .item would work here. Just use CSS selectors.

If you need some particular element with a specific class name, just do div.item.

Custom attributes work, too: a[aria-label="Test Text"].

Answer 6

This seems like it might be a bug. You can report it on http://crbug.com.

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