Question

我正在尝试使用以下语句应用内联CSS。

$('.WarningCount').parent().css('margin-left', '-1.4% !important;');

但是它不起作用，它不会仅被应用。我在开发人员控制台中看不到此样式。我必须重写整个样式才能使其正常工作。

$('.WarningCount').parent().attr('style', 'margin-left:-1.4% !important;');

任何理由在这里可能是真正的问题。

Answer 1

取自jQuery documentation：

注意：.css（）忽略！important声明。因此，语句$（“ p” ）.css（“ color”，“ red！important”）不会改变所有颜色页面中的段落变为红色。强烈建议使用类代替;否则，请使用jQuery插件。

不过，您可以参考this answer并使用cssText属性

@IBOutlet internal weak var imageCollectionView: ImageCollectionView! {
    didSet {
        imageCollectionView.imageCollectionViewDelegate = self
    }
}

extension ImageCollectionViewController: ImageCollectionViewDelegate {
    func didExitDragging() {
        highlightDestination(false)
    }
}

Answer 2

使用JSON格式而不是逗号格式。像这样

$(".WarningCount").parent().css({"margin-left": "-1.4%"});

Answer 3

.setProperty

元素的样式对象或CSSStyleDeclaration的一部分的!important方法使您可以传递表示优先级的第三个参数。因此，您要用自己的!important值覆盖{{1}}。

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty

希望这可以消除对此的任何疑问。

jQuery .css不适用于父容器

3 个答案: