如果存在其他元素，jQuery 更改 css 参数

Question

我有这个 .bx-wrapper 元素，它只显示在首页上。

如果它显示，我的#columns 需要一些额外的上边距。

这是我目前编写的代码:

 $(document).ready(function () {

    if ($(".bx-wrapper").length) {
        $('#columns').css({ "margin-top": "90px !important" });
    }

 }); 

但是它不起作用。

我是 jQuery 和 javaScript 的新手。

我猜某处有点错误。

谢谢。

Answer 1

您应该删除 css 属性设置中的 !important。因为它是作为内联样式添加的，所以它会否决任何 CSS 样式。

所以改变:

$('#columns').css({ "margin-top": "90px !important" });

收件人:

$('#columns').css({ "margin-top": "90px" });

它应该可以工作。