CSS Pseudo Class - hover

CSS Pseudo classes can be used to implement what looks like functionality.

In this example the elements on the left have 'hover' implemented. If you hover over the element then you should see an effect.

e.g p:hover{ /* restyle here */ }

Hover can be harder to trigger during automating so sometimes people add automation hacks e.g. if you change the style of the 'hover' element to 'hovered' you should be able to trigger the same effect as hovering.

Hover Para

You can see this paragraph now that you hovered on the above 'button'.

Hover Div

You can see this child div content now that you hovered on the above 'button'.

Can you click me?