增加一个html元素'；使用css的属性值？

是否可以创建一个css类/id，将一个值（例如，填充）添加到另一个类的相同属性值

让我试着把它写得更清楚些

.someClass{
padding: 20px;
}

.thickenMe{
padding: 5px;
}

当我按如下方式应用这些类时

<div class='someClass thickenMe'>
<!--planning to beef up this div-->
</div>

这个div的净填充应该是25px

---

是否可能只使用css？这只是一个想法

否。如果要动态更改属性，则需要使用客户端脚本（即

JavaScript

）。或者，如果您只是想通过从一些动态源进行编译来定义样式，请尝试或。

不幸的是，不可以。您可以通过使用CSS处理器来获得此类功能，例如，它为您提供变量，或者您可以通过客户端脚本来处理它（jQuery最简单），但本机CSS根本无法以这种方式工作。当类指定相同的属性时，它们会相互覆盖；它们不能相互补充。

使用纯CSS是不可能的

但是，您可以为每个可以“加厚”的元素编写CSS子句，如下所示：

另一种选择是使用边距和填充，如下所示：

.someClass{
padding: 20px;
}

.thickenMe{
margin: 5px;
}

但这可能不可能，这取决于您的其他CSS

尽管不是纯CSS，但最简单的解决方案是使用JavaScript。下面是一个使用JQuery的示例：

var prevPad = $('.thickenMe').css('padding').replace("px", "");
prevPad =  parseInt(prevPad);
$('.thickenMe').css('padding', prevPad + 5 + "px");​

---

.thickenMe

在这种情况下（5倍的填充）确实会赢。我想知道是否有任何方法来总结这些值。

var prevPad = $('.thickenMe').css('padding').replace("px", "");
prevPad =  parseInt(prevPad);
$('.thickenMe').css('padding', prevPad + 5 + "px");​