Javascript 结合内联css和悬停状态，有可能吗？

我发现，如果我们编写内联css（或使用JavaScript添加），那么我们就失去了css hover的价值。有可能改变这种行为吗

简单示例

---

测试
#测试：悬停{
颜色：蓝色；
}

在这种情况下，悬停不起作用

更新

我不能用

！重要信息

，因为在此之后，我将无法通过JavaScript更改atribute

---

我还动态生成样式，因此无法通过JavaScript添加特定类

因为内联css会覆盖文件中的css样式 如果你有

color: blue !important

它可以工作，但不推荐，您可以始终使用jquery删除内联样式标记，尽管哈哈

更新：

使用jquery或使用javascript删除样式标记。。。添加重要，因此内联css将具有重要的

我不能用！重要的是，因为在它之后，我将无法改变 这是通过javascript实现的

您仍然可以使用

！重要信息

，只需添加一个带有JavaScript的类，并随时删除它即可

---

在CSS中，

样式

属性将覆盖任何

样式

元素或

样式表

。如果无法更改

样式

属性，则必须使用

！重要信息

。如果可以完全删除

style

属性，并将所有内容都放在

style

元素中。或者更好，在单独的

样式表中

您的问题将得到解决

---

另外，

style

元素上需要

type

属性。这不会解决您的问题，但您应该将

更改为

最简单的方法如下

$(selector).hover(function() {
                $st = $(this).attr("style");
                $(this).attr("style","");
            },function() {
                $(this).attr("style",$st);
            });

---

我不是百分之百支持这个，但我认为你的

风格

元素应该放在

标题

部分。这并不重要）css比它的选择器优先，元素上的直接css几乎总是优先。我不能使用！重要的是，因为在这种情况下，我不能在它之后更改hover属性（使用javascript）；当然我能做到，但我正在编写一个大型模板定制应用程序，在这种情况下，我必须添加大量代码。我正在寻找更容易的解决方案）如果你正在编写模板，那么我不明白为什么你会使用OrthPixter动态地在所有的加宽颜色上使用内嵌的CSS，所以我不能添加类。@ SyOM考虑到你的问题，这样人们就不会浪费时间写一个答案，在伤害发生后再找到这个隐藏的评论。

$(selector).hover(function() {
                $st = $(this).attr("style");
                $(this).attr("style","");
            },function() {
                $(this).attr("style",$st);
            });