CSS中的hover属性不'；当我有一个内联样式时，它不工作

我正在处理一个HTML文档，我想将hover属性用于 HTML: div元素，但它不起作用。这里是我使用的HTML div和CSS样式

<div style="opacity: 0.8; background-color: #559FED; width: 600px; margin: 0 auto; border-radius: 0px 100px;">
   <p style="font-size: 4em; font-family: verdana; font-weight: blod; text-align: center; color: rgba(112,79,196,1); text-shadow: 5px 5px 2px #000; padding: 10px;"> Special Effects</p>
</div>

但直到我从div元素中删除了样式并在内部样式中创建了一个HTML元素选择器，它才起作用，如下所示：

    div {opacity: 0.8; background-color: #559FED; width: 600px; margin: 0 auto; border-radius: 0px 100px;}
    div:hover {background-color: red;}

---

然后它成功了，但是有人能告诉我为什么第一次它没有成功吗

内联样式具有最高优先级。如果需要在CSS中重写，则需要使用

！重要信息

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

---

内联样式具有最高优先级。如果需要在CSS中重写，则需要使用

！重要信息

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

---

内联样式可以被

覆盖！重要

，因为它们占据了更重要的地位

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

有点特殊性

由于您具有

style

属性，因此它将覆盖所有其他内容！使用

是一种罪恶！重要信息

：

---

内联样式可以被

覆盖！重要

，因为它们占据了更重要的地位

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

有点特殊性

由于您具有

style

属性，因此它将覆盖所有其他内容！使用

是一种罪恶！重要信息

：

---

工作可能是你问题的答案：@Taro_NAZA@surajrawat感谢you@Taro_Naza我的荣幸dear@afelixj它的工作，但增加！重要的。。。谢谢你的提问：@Taro_NAZA@surajrawat感谢you@Taro_Naza我的荣幸dear@afelixj它的工作，但增加！重要的。。。谢谢