如何申请！使用.css（）是否重要？

我很难应用这样的风格！重要的我尝试过：

$("#elem").css("width", "100px !important");

这没有任何作用；不应用任何宽度样式。有没有类似jQuery的方法来应用这样的样式而不必覆盖cssText（这意味着我需要先解析它，等等）？

编辑：我应该补充一下，我有一个带有！我试图用！重要的样式内联，因此使用.width（）等不会起作用，因为它会被我的外部重写！重要的风格。

此外，将覆盖上一个值的值是计算出来的，因此我不能简单地创建另一个外部样式。

当前回答

您可以这样做：

$("#elem").css("cssText", "width: 100px !important;");

使用“cssText”作为属性名，并将您希望添加到CSS中的任何内容作为其值。

2014-09-13 01:20:47

其他回答

对于这个问题，我认为最简单、最好的解决方案是使用addClass（）而不是.css（）或.attr（）。

例如：

$（'#elem'）.addClass（'importantClass'）；

在CSS文件中：

.importantClass {
    width: 100px !important;
}

2016-03-16 15:40:34

我认为它工作正常，可以覆盖之前的任何其他CSS（this：DOM元素）：

this.setAttribute('style', 'padding:2px !important');

2017-10-03 11:35:17

我们可以使用setProperty或cssText来添加！对于使用JavaScript的DOM元素来说很重要。

示例1：

elem.style.setProperty ("color", "green", "important");

示例2：

elem.style.cssText='color: red !important;'

2016-08-22 10:08:29

https://jsfiddle.net/xk6Ut/256/

另一种方法是在JavaScript中动态创建和更新CSS类。要做到这一点，我们可以使用style元素，并且需要为style元素使用ID，以便我们可以更新CSS类

function writeStyles(styleName, cssText) {
    var styleElement = document.getElementById(styleName);
    if (styleElement) document.getElementsByTagName('head')[0].removeChild(
        styleElement);
    styleElement = document.createElement('style');
    styleElement.type = 'text/css';
    styleElement.id = styleName;
    styleElement.innerHTML = cssText;
    document.getElementsByTagName('head')[0].appendChild(styleElement);
}

...

  var cssText = '.testDIV{ height:' + height + 'px !important; }';
  writeStyles('styles_js', cssText)

2016-08-26 00:54:15

另一种解决此问题的简单方法是添加样式属性：

$('.selector').attr('style', 'width:500px !important');

2014-04-21 13:52:05

如何申请！使用.css（）是否重要？

推荐文章

最新文章

标签