How to find CSS selector in Chrome?

# Open Chrome and navigate to the target webpage, e.g., https://sandbox.oxylabs.io/products 
# Right-click on the element you want to inspect and select "Inspect". 


# Method 1: Use the Elements panel
# In the Elements panel, right-click on the highlighted code snippet
# that corresponds to your element. 
# Choose "Copy" > "Copy selector" to get the CSS selector. 


# Method 2: Use the Console panel
# Click on the Console tab next to Elements. 
# Type document.querySelector("YOUR_ELEMENT_HERE") 
# and replace YOUR_ELEMENT_HERE with the element's tag or class.
# For example, use h4.
# Press Enter to see if it selects the element you intended. 


# Method 3: Use Chrome DevTools' DOM Tree
# Hover over different parts of the DOM tree in the Elements panel. 
# Chrome will highlight the corresponding part of the webpage. 
# Once you find the element, you can see its CSS path directly in the DOM tree.