Question

我正在尝试将css添加到页面中。我写了以下代码：

document.styleSheets[0].cssText = ".nav-item > #toolbarmorebutton {display:block;} #itemMore:hover > #toolbarmorebutton{display:block !important;}#toolbarmorebutton {position:fixed;   right:0px;  }";

然而，它似乎不起作用。

注意：我需要将其添加到现有的css中，而不是替换它。

谢谢

Answer 1

为您需要的样式创建几个新类

.display-block{
  display:block !important;
}
.toolbarmorebutton-after{
  position:fixed;   
  right:0px;  
}

然后使用此jQuery应用它

$(".nav-item > #toolbarmorebutton").addClass("display-block");
$("#itemMore:hover > #toolbarmorebutton").addClass("display-block");
$("#toolbarmorebutton").addClass("toolbarmorebutton-after");

当您不再需要应用类时，可以使用removeClass删除类 http://api.jquery.com/removeClass/

如果您需要在它们之间切换，也可以使用toggleClass。 http://api.jquery.com/toggleclass/

通过javascript添加css无法按预期工作

1 个答案: