HTML Style Hover

Okay, so I've even searched Google and couldn't find anything. I want to know how to add a hover effect in html styles.

Example,

Code:

<div class="test" style="{color:black} :hover {color: orange}"></div>

The code above does now work; however, I'm asking how to fix this code above? This has got me stumped terribly.

I know you can't have the brakets.

I was showing an example.

Solved.