Target HTML elements with one click (Semplice 3)

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’.