从javascript设置用户代理样式表css

Question

我试图在页面加载后从javascript覆盖用户代理样式表css。由于某种原因，这是行不通的。我是新手的javascript和非常基本的css / less知识，我试图学习如何实现这一目标的最佳实践。

我的javascript：

$(window).ready(function ()
{
    // Remove splash screen after load
    $('.splash').css('display', 'none');
});

我也试过了$('.splash').css('display', 'none !important');这也不起作用。

我在我的CSS中设置显示类型，所以我不明白为什么要覆盖它。

CSS

.splash {
  display: block;
  position: absolute;
  z-index: 2000;
  background: #fff;
  color: #555;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

jsfiddle https://jsfiddle.net/76wqqft4/

感谢您的帮助

Answer 1

从jQuery Selector的问题是.splash作为类名，在屏幕截图中，假设要隐藏的类名是.spash。更改所需输出的类名称。

Answer 2

这是一个简单的输入错误，在你的html中说“spash”，在jquery和css中它的“splash”：）