使用JS覆盖CSS类

我正在使用Reveal JS。这是我想忽略的CSS：使用JS覆盖CSS类

.reveal section img {...

使用下面的方法之一（或更好的方法），我该如何使用JS来覆盖它？

document.getElementById(image1).classList.add("red"); // I tried creating a CSS class called "red" but it doesn't overide the original 
document.getElementById(image1).style.boxShadow = "red"; // this doesn't overide the original theme CSS

来源

2017-01-31 Lumo5

显示要覆盖实际的风格 - 如果它是盒子阴影 - 是不是期待一些测量对于影子而言，而不仅仅是一种颜色？例如：'5px 2px 2px red'。此外，如果你的班级没有工作，我认为你需要阅读css的特殊性和顺序 – Pete

'box-shadow：red' is not valid CSS – OregonTrail

对不起，这个愚蠢的问题。我想这解决了它。我以为我可以改变颜色，因为盒子的影子已经存在了。 – Lumo5

首先，使用chrome开发工具确保该类实际上被添加到元素中。

如果正在添加样式但未应用样式，则问题可能源于css specificity rules。

而不是定义类这样的：

.red { 
    box-shadow: 5px 2px 2px red; 
}

试试这个：

.reveal section img.red { 
    box-shadow: 5px 2px 2px red; 
}

来源

2017-01-31 16:07:44 Jim

正确的答案给我 –

这不起作用，但由于某种原因，这样做：.reveal section img.red { – Lumo5

使用JS覆盖CSS类

回答

相关问题