Question

我正在尝试删除property from my css class for my last-child。下面是我的容器。

<div class="progress-stacked" id="progress-div">
     <div class="progress-bar progress-bar-fail"></div>
     <div class="progress-bar progress-bar-fail"></div>
</div>

以下是我的css课程。

.progress-bar-fail {
    background-color: lightgrey;
    background-image: none;
    width: 9%; 
    margin-right: 11px;
}

如何从我的css类margin-right中删除我上一个孩子的dynamically属性。我在下面尝试了一些东西，但似乎没有用。

$("#progress-div :last-child").css('margin-right', '');

Answer 1

试试这个

$("#progress-div div:last-child").css('margin-right', 0);

Answer 2

你可以直接或在jQuery中同时使用css：

$（＃progress-div .progress-bar-fail：last-child）.css（＆＃39; margin-right＆＃39;，＆＃39; initial＆＃39;）;

为什么不将值设置为空字符串？因为jQuery实际上并没有修改你的css，所以它只是设置内联值。由于内联样式在级联方面具有最高优先级，因此它们会覆盖样式标记或外部样式表中其他任何css。如果某个值已经内联，可能是因为您手动将其添加到标记中或通过jQuery或Javascript将其添加到那里，然后将css属性值设置为空字符串jQuery实际上会删除该值。

至于值，如果您特别希望保证金为0，那么当然@weivall建议将该值设置为0.否则，我建议使用 initial 将属性设置为默认值。

删除我最后一个div的孩子的财产

2 个答案: