使用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類

回答

相關問題