CSS +添加到继承的div的高度和宽度

Question

对于工作，我必须经历并创建大量的html页面，我发现如果我能找到一种方法来添加属性，如高度和宽度，我可以重复使用我创建的许多自定义类。

示例：

.custom_class{font-size:1em;height:100px;width:80px;}

让我说我在我的页面中的许多div上使用了那个类，但我偶然发现了一个我正在创建的模板，其中宽度需要更宽一些。我们会说我需要宽度为95px。有没有办法将+ 15px添加到当前宽度，而不必进入并查找当前80px的宽度，然后创建一个新类或右内联css来补偿它？

.custom_class_differnt{font-size:1em;height:100px;width:95px;}

我不想完全重新创建它。我希望有一种方法可以做到style =“width：+ 15px;”或者其他的东西。 （有点排队css很好，不过不过那个）

感谢

Answer 1

使用JQuery，您可以添加所需的宽度：

$(".yourSelector").css("width","+=15px")

这将为当前宽度增加15px。

Answer 2

也许可接受的解决方案只是提供具有替代宽度（或其他样式）的其他类。

例如：

.custom_class {
    font-size: 1em;
    height: 100px;
    width: 80px;    
}
.custom_class.wide {
    width: 95px;
}

然后在需要宽度变宽的区域中，您只需创建像<div class="custom_class wide">这样的元素。

Answer 3

我使用的解决方法是添加margin-left和margin-right。所以，如果我想要宽度+ 15px，我会添加margin-right：15px