css - 不使用 JavaScript 删除 CSS 属性

Question

我正在使用具有以下功能的 Bootstrap CSS 框架:

.dropdown-menu {
  left: 0;
}

但我想要这个:

.dropdown-menu {
  right: 0;
}

即我想删除一个属性并将其替换为另一个 - 我无法使用级联使其工作。 IE。这不起作用:

.dropdown-menu {
    left: 0;
    left: none;
    right: 0;
}

这可能吗？

Answer 1

要摆脱先前的 left 值，请将其设置为 auto。为确保它真正覆盖旧的，您可能还需要 !important(取决于所用选择器的特殊性以及定义的顺序 - 但添加它不会造成伤害)

.dropdown-menu {
    left: auto !important;
    right: 0;
}