Identifying CSS selectors

Is there a way to identify the selectors for each of the components to target with CSS? For example in Chrome you can right click and inspect any element.

It is getting tedious to have to scroll through everything in the inspector and try to find the element I am after so I am hoping there is something I am missing.

I’m not sure if this is what you’re looking for, but have you turned on the Developer’s Tools (View > Toggle Developer’s Tools), and then on the new window, click on the left most icon to turn on element hover. Once you do that an hover over an element on the page you should see a popup with some information on it:

3 Likes

I’d add that Ctrl-F in Developer’s Tools, to search for some text adjacent to the target element, is quicker than scrolling, hovering and expanding through to it.

1 Like

THANK YOU!

I guess I should really explore the developer panel more. :grimacing:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.