为了账号安全,请及时绑定邮箱和手机立即绑定

压倒一切!重要的风格

/ 猿问

压倒一切!重要的风格

哈士奇WWW 2019-10-12 19:07:09

压倒一切!重要的风格

标题差不多概括了一下。

外部样式表具有以下代码:

td.EvenRow a{
  display: none !important;}

我试过使用:

element.style.display = "inline";

element.style.display = "inline !important";

但都不管用。是否可以使用javascript覆盖一个!重要的样式。

这是一个非常重要的扩展,如果这有区别的话。



查看完整描述

3 回答

?
ITMISS

我相信唯一的方法来做到这一点,以添加样式作为一个新的CSS声明‘!重要’的后缀。最简单的方法是将一个新的<Style>元素添加到文档的头部:

function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));}addNewStyle('td.EvenRow a {display:inline !important;}')

使用上述方法添加的规则(如果使用!重要后缀)将覆盖其他先前设置的样式。如果您没有使用后缀,那么请确保使用‘这样的概念。专一性“考虑在内。



查看完整回答
反对 回复 2019-10-13
?
慕少森

有几个简单的一行程序可以用来做这件事。

1)树立“风格”属性关于要素:

element.setAttribute('style', 'display:inline !important');

或者.。

2)修改cssText的属性style目的:

element.style.cssText = 'display:inline !important';

两个人都能做好这份工作。

===

顺便说一句-如果你想要一个有用的工具来操纵!important元素中的规则,我编写了一个名为“重要”的jQuery插件:http://github.com/premasagar/important



查看完整回答
反对 回复 2019-10-13
?
慕的地2183247

element.style有一个setProperty方法,该方法可以将优先级作为第三个参数:

element.style.setProperty("display", "inline", "important")

在旧的IES里不起作用但在当前的浏览器中,它应该是好的。


查看完整回答
反对 回复 2019-10-13

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信