Using chrome developer tools to determine nth-of-type for a specific element?

Question

I am trying to select a specific table on a webpage with many tables and I do not want to manually count the number of tables that come before it. Is it possible to use chrome developer tools to determine the number of that element?

For example, let's say the HTML looks like this:

<table></table> <table></table> <table></table>

When I hover my mouse over the 2nd table, is there a space in the Developer Tools that tells me it is the second table? Thanks.

Answer 1

I figured out a way to do this from the "Elements" pane of the Developer Tools. Simply right click on the element of interest, select copy, and the select Copy Selector.

What saves to the clipboard will lead to the element of interest.