hover property in CSS doesn't work when I have an inline styles

Question

I was work on a HTML document and I wanted to use the hover property for a HTML: div element but it didn\'t work. here the HTML div and the CSS style I used

<         


        

Answer 1

Inline style have the highest priority. If you need to override in CSS, need to use !important

div:hover {background-color: red !important;}