css - 不使用 JavaScript 删除 CSS 属性

Question

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

.dropdown-menu {
  left: 0;
}

但我想要这个：

.dropdown-menu {
  right: 0;
}

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

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

这可能吗？

Answer 1

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

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