.png%3Falt%3Dmedia%26token%3D5ff6ca87-e059-4977-9a0c-3c24f722925d)
.png%3Falt%3Dmedia%26token%3D5ff6ca87-e059-4977-9a0c-3c24f722925d)
Inspecting overlapping and parent elements
Precisely re-target any DOM element using your keyboard's arrow keys (▲ up and ▼ down) to navigate through the HTML tree.
It's very common to have web elements overlapping each other or being unable to reach some element on CSS Pro by only hovering your mouse over it.
But there's an easy way to fix this and reach ANY element on the DOM.
To inspect the upper and lower elements on the DOM without moving your mouse, press the arrow keys (▲ up and ▼ down):
PS: For shortcuts to work - such as the arrow keys, the page needs to be focused. If the page is not focused, you'll have to click somewhere first. Or always open the extension via the shortcut, that way the page starts focused.