How to get a CSS Selector

Follow these quick steps to copy a selector from your browser.

1

Step 1

Right-click on the element you want to customize on the webpage, and select Inspect.

2

Step 2

The Developer Tools panel will open, highlighting the element’s HTML code.

3

Step 3

Right-click that highlighted HTML line, then go to Copy → Copy selector.

Example Result#__next > div > main > h1