html5 - Chrome Developer Tools Settings -


i have been using chrome dev tools aligning various <img>'s. doing inspecting element , adding css auto generated selector clicking plus button in style pane.

somehow auto generated css not working same before i.e not generating css particular element e.g

previously

#framebox_3920691 > div > table > tbody > tr:nth-child(2) > td:nth-child(1) > > img { } 

now

img{ } 

any ideas?

using such [extremely verbose] selectors not recommended , hardly maintainable. it's better assign specific classes/ids images , use in selectors.

that said, if need full css path element, right-click element in elements panel , choose copy css path in context menu full css path system clipboard.


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -