How to Find CSS locator of an element

In this tutorial we will discuss how to find Out CSS Locator of an element.

Please install below prequisite for Firefox.

(1) FireBug

(2)FirePath

(3)FireFinder

Then check in FireFox.You can see the icon as seen in the image.

Click on this Icon.

Now click on Inspect Element as seen in the attached screenshot.

Now click on Inspect Element as seen in the attached image.

Now hover over to any element of the page as seen in the attached image.Select any element of the page.

Now right click on the blue element highlighted in firebug.Click on Copy CSS Path as shown.