Question

我正在努力开发一些我需要这个要求的东西，我尝试了几件事，但是没能做到。

有一种风格 - A ：

.someClass {
    padding-right:10px;
}

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

.someClass {
    margin-left:10px;
}

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

那么，有什么方法可以通过纯CSS或JS（NO Jquery）来实现这个目标

Answer 1

有一种风格 - 答：

.someClass {
  padding-right: 10px;
}

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

现在您添加另一条规则：

.someClass {
  margin-left: 10px;
}

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

这两条规则完全符合您的要求。关键是CSS将应用所有规则，其“选择器”（此处为.someClass部分）与相关元素匹配。如果这两个规则包含相同的属性，那么有一些方法（涉及诸如“优先级”和“特异性”之类的概念），其中CSS将选择应用哪一个，但这不是这里的情况，因此{{1} }和padding-right将应用于margin-left类的元素。

Answer 2

您可以同时将边距和填充放入元素中：

.someClass{
margin: 10px;
padding: 10px;
}

此外，如果保证金或其他任何东西是由您所说的第三方JS设置的，您可以通过添加以下内容在CSS中覆盖它：！important所以您的代码将如下所示：

.someClass{
margin: 10px !important;
padding: 10px !important;
}

根据你的问题，你只需要填充来覆盖。希望我理解你的问题并提供帮助。

在CSS样式中添加更多元素

2 个答案: