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
Post a Comment