Step-by-step guide to using the MrScraper Chrome extension for easier CSS Selector selection.
Install the extension
MrScraper Chrome extension store page
Go to any page
Scraped page example
Activate the extension
Activate the extension
Select any element
Elements that can be selected during hover (dashed purple border boxes)
Selected elements (solid green border boxes)
Extension elements and controls
Extension elements and controls
Single and multiple select modes
Multiple select mode selection result example
Single select mode selection result example
Changing root node
Element selection with root node
The input field
Copy or edit the selector on input field