javascript - 在 CSS 样式中添加更多元素

Question

我正在尝试开发一些我需要此要求的东西，我尝试了几件事，但无法做到。

只有一种样式 - A:

.someClass {
    padding-right:10px;
}

现在我想在同一个类中添加 margin，例如 - B:

.someClass {
    margin-left:10px;
}

现在我需要 padding 和 margin。问题是我无法修改 A，因为它是由不在本地的第三方 JS 设置的。

那么，有什么方法可以通过纯 CSS 或 JS(无 Jquery)

实现这一点

Answer 1

There is one style - A:

.someClass {
  padding-right: 10px;
}

不，那不是“风格”。那是一个“规则”。它表示将 padding-right 应用于具有 someClass 类的元素。

现在您添加另一个规则:

.someClass {
  margin-left: 10px;
}

这表示将 margin-left 应用于具有 someClass 类的元素。

这两个规则一起做你想要的。关键是 CSS 将应用 所有 规则，其“选择器”(此处为 .someClass 部分)与相关元素匹配。如果这两个规则包含相同的属性，那么有一些方法(涉及“优先级”和“特异性”等概念)CSS 将选择应用哪一个，但这里不是这种情况，所以 padding -right 和 margin-left 将应用于具有 someClass 类的元素。