How to inspect element & change a element state in chrome devtools | Dev tool | How to FrontEnd
In the Elements panel, right-click the .parent element and select Force Element State :hover in the context menu. Voila.
Alternatively, you can click the "pointer over a dotted rectangle" button in the Styles pane header at the right and check/uncheck pseudo-classes to be forced on the currently selected element.
Element state can now be forced on any elements in the DOM tree, not only the currently selected one.