Javascript/jQuery更改内联样式值

我的页面中有一个内联css：

<style id="abc">
 .player-holder{
    position:relative;
    width:100%;
    height:40px;
 }
 .icon-color{
    color:#fff;
   -webkit-transition: color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out; 
 }
 .icon-rollover-color{
   color:#fff;
   -webkit-transition: color 0.3s ease-in-out;
   transition: color 0.3s ease-in-out; 
 }
</style>

.持牌人{
位置：相对位置；
宽度：100%；
高度：40px；
}
.图标颜色{
颜色：#fff；
-webkit过渡：颜色0.3s易于输入输出；
过渡：颜色0.3s，易于输入输出；
}
.图标滚动颜色{
颜色：#fff；
-webkit过渡：颜色0.3s易于输入输出；
过渡：颜色0.3s，易于输入输出；
}

是否可以动态更改某些值（使用jquery/javascript），以便浏览器立即进行更改

像变化一样：

.图标滚动颜色

到

颜色：#333

在jquery中

<script>

  $('.icon-rollover-color').css({
    'color': '#333'
  });

</script>

$（'.icon rollover color'）.css({
“颜色”：“333”
});

在javascript中

<script type="text/javascript">
document.getElementByClassName(".icon-rollover-color").style.color="#333"
</script>

document.getElementByClassName（“.icon rollover color”）.style.color=“#333”
你，这确实是可能的

只需通过Javascript或jQuery在页面底部添加以下
style
-标记即可

<style type="text/css">
.icon-rollover-color {
    color:#333!important;
}
</style>

您可以通过使用简单的jquery来实现这一点

$（'.icon rollover color'）.css（'color'，'red'）
是的，您可以使用jquery.css（）函数更改内联css。看

如果您是动态添加元素，那么我建议您将其编写为一个函数，在添加新元素时调用该函数，可能使用事件侦听器，您可以将更新的样式值作为参数传递给它。比如：

updateDOMStyle('<style>','<value>');

updateDomainStyle（“”，”）；
搜索
文档.样式表
。有很多用它做不同事情的例子。这不是内联CSS。。这是内部css，您可以使用Jquery设置的内联样式覆盖它，例如
$（'.icon rollover color'）。css（'color'，'red'）
，它只影响页面上当前的元素。如果动态添加新元素或更改类，它们将使用CSS中的样式。
$('p').css('color','#00FF00');

updateDOMStyle('<style>','<value>');