javascript - 将 2 个 CSS 类的值合并为 1 个并求和边距和填充

Question

这是我客户的元素要求。我只是给出 margin 的例子。如果有两个 CSS 类并且具有类似的属性。

CSS

.selector-1 {
    margin-top: 20px;
}
.selector-2 {
    margin-top: 30px;
}

HTML

<div class="selector-1 selector-2">content</div>

我们都知道它会将属性从一个类覆盖到另一个类，但在这种情况下，客户想要同时添加 margin-top 并应用。所以他期望 margin-top:50px。

我知道在 CSS 中无法做到这一点。

谁能推荐一下？我想避免使用 JS/jQuery。但是，最后，如果可能的话，我可以使用。

Answer 1

无论如何你不能用纯css来做，因为要做到这一点你必须得到类的margin-top并对它们求和。问题就在这里你不能通过访问另一个类纯 CSS。

但您可以使用 javascript 来完成。