Target HTML elements with one click

Last Updated: Jun 27, 2017
How to target HTML elements with one click, inspect your website and find the right selector.

 

To access the DevTools on Chrome

  1. Open the Chrome menu at the top-right of your browser window, then select Tools → Developer Tools.

  2. Right-click on any page element and select Inspect.
     

Now right-click the element you want to find the right selector and hit ‘Inspect’.

You will notice the element you’ve right-clicked will be selected within the source code section of the dev tools.

Right click on the selection and hit ‘Copy  → Copy Selector’.

 
 

To access the DevTools on FireFox

  1. Go to ‘Tools  → Web Developer  → Toggle Tools

  2. Right-click on any page element and select Inspect Element.

Now right-click the element you want to find the right selector and hit ‘Inspect’.

You will notice the element you’ve right-clicked will be selected within the source code section of the dev tools.

Right click on the selection and hit ‘Copy  → CSS Selector’.

17c96688a1a336f6040dd1b6149c3fa8@semplicelabs.desk-mail.com
http://assets2.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete