javascript div背景色，带有重要的

嗨，我一直在尝试用javascript更改一些divs样式，它会更改样式，但是如果divs显示更改为none并返回到block，它会重置样式吗？我试着用“重要”来解决这个问题，但似乎不起作用？你知道为什么会发生这种情况，或者有没有更好的方法来实现我的目标

var Style = document.querySelectorAll('#mainui-features, #mainui-modes, #mainui-offers, #mainui-party, #mainui-play, #mainui-user, #mainui-settings');
for (var i = 0; i < Style.length; i++) {
  Style[i].style.borderRadius = '1em'; // standard
  Style[i].style.MozBorderRadius = '1em'; // Mozilla
  Style[i].style.WebkitBorderRadius = '1em'; // WebKitww
  Style[i].style.color = "#D35400";
  Style[i].style.border = "2px solid #D35400";
  Style[i].style.setProperty("background-image", "linear-gradient(to right, #92FE9D, #00C9FF)", "important");
}

var Style=document.querySelectorAll（“#mainui功能、#mainui模式、#mainui提供、#mainui参与方、#mainui播放、#mainui用户、#mainui设置”）；
对于（变量i=0；i

不确定你做错了什么，但是你描述需求的方式没有任何问题。也许这在某种程度上有所帮助

我没有包括所有的身份证

//将所有元素存储在一个数组中
const elements=[…document.queryselectoral（#mainui功能、#mainui模式、#mainui提供、#mainui参与方”）；
//为数组中的每个元素指定CSS值
elements.map（el=>{
el.style.borderRadius=“1em”；
el.style.color=“#D35400”；
el.style.border=“2px固体#D35400”；
el.style.backgroundImage=“线性渐变（向右，#92FE9D，#00C9FF）”；
});
//为每个元素指定显示：无
elements.map（el=>el.style.display=“无”）；
//并使其显示：再次阻塞
elements.map（el=>el.style.display=“block”）
div{
高度：1公厘；
宽度：3rem；
}
1
2.
3.
4
不确定你做错了什么，但你描述需求的方式毫无问题。也许这在某种程度上有所帮助

我没有包括所有的身份证


//将所有元素存储在一个数组中
const elements=[…document.queryselectoral（#mainui功能、#mainui模式、#mainui提供、#mainui参与方”）；
//为数组中的每个元素指定CSS值
elements.map（el=>{
el.style.borderRadius=“1em”；
el.style.color=“#D35400”；
el.style.border=“2px固体#D35400”；
el.style.backgroundImage=“线性渐变（向右，#92FE9D，#00C9FF）”；
});
//为每个元素指定显示：无
elements.map（el=>el.style.display=“无”）；
//并使其显示：再次阻塞
elements.map（el=>el.style.display=“block”）
div{
高度：1公厘；
宽度：3rem；
}
1
2.
3.
4
您可以创建一个类，而不是内联样式


var Style=document.querySelectorAll（“#mainui功能、#mainui模式、#mainui提供、#mainui参与方、#mainui播放、#mainui用户、#mainui设置”）；
对于（变量i=0；i

.styles{
边界半径：1米；
-莫兹边界半径：1米；
颜色：#D35400；
边框：2px实心#D35400；
背景图像：线性渐变（向右，#92FE9D，#00C9FF）
}
.隐藏{
显示：无
}
1
2.
3.
4.
隐藏
显示
而不是内联样式，您可以创建一个类


var Style=document.querySelectorAll（“#mainui功能、#mainui模式、#mainui提供、#mainui参与方、#mainui播放、#mainui用户、#mainui设置”）；
对于（变量i=0；i

.styles{
边界半径：1米；
-莫兹边界半径：1米；
颜色：#D35400；
边框：2px实心#D35400；
背景图像：线性渐变（向右，#92FE9D，#00C9FF）
}
.隐藏{
显示：无
}
1
2.
3.
4.
隐藏
Show
请提供一个适当的示例来说明问题。请发布相关的html和css代码片段。我们需要查看您正在使用的html和css。否则，我们只有一半的故事请提供一个适当的说明问题。请发布相关的html和css代码片段。我们需要看到您正在使用的html和css。否则我们只知道一半的故事