Question

我实际上是在我的网站上工作，并试图实现一种模式。由于我使用的是Foundation，所以希望能够使用随附的“ reveal”插件，这样我就不必构建它了……因为我对JS不太了解。

在我查看移动视图并注意到模式已全屏显示之前，实现非常容易。希望我能避免。与CSS战斗之后，我意识到Foundation正在添加内联样式：

<div class="reveal" id="noChroma" style="top: 0px;">

请注意可能是从“ foundation.js”中添加的“ top：0px”。我不想弄乱这个文件。

是否有一种方法可以绕过这种样式并强迫我使用，例如“ top：70vh”？我尝试使用“！important”，但是javascript总是可以胜出。

感谢您的帮助，最好，

昆汀

Answer 1

如果您在浏览器上触发模式并调整大小，则似乎可行。但是，如果您在已经达到移动大小的情况下触发模式，则JS会覆盖！important。 – Quentin Beau Kwint

我无法重现此行为。（截图）

!important CSS在这里赢了。即使我重新加载该网站并再次触发。

Answer 2