javascriptcssgoogle-chromeweb-developer-toolbar

Google Chrome copy CSS Path in Developer Tools


Google Chrome's Developer Tools shows the CSS path (or a large portion of it) of the selected element at the bottom of the toolbar. In Firebug, you are able to right-click on any selector in the the CSS Path, and grab the CSS Path up to that element. Does Google Chrome have this feature? What tools are available if there is no built-in support?

Chrome CSS Path


Solution

  • Chrome has updated this option

    In chrome after recent update this option has been changed from
    (right click on the element in Elements Window) > Copy CSS path
    to :
    (right click on the element in Elements Window) > Copy > Copy selector