CSS + 在继承的div上增加高度和宽度

Question

我的工作需要我创建大量的html页面，我发现如果能够找到一种方法添加高度和宽度等属性，那么我所创建的许多自定义类就可以重复使用。

例如：

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

假设我有一个类，在我的页面上使用了许多div，但我遇到一个正在创建的模板，需要宽度稍微宽一些。我们将说，我需要宽度为95像素。是否有一种方法可以在当前宽度上增加15像素，而不必去查找80像素的当前宽度，然后要么创建一个新类，要么使用内联CSS来补偿？

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

我不想完全重新创建这个。我希望有一种方法只需进行样式="width:+15px;" 或类似的操作。(少量行内css是可以的，但不能超过这个范围)

谢谢。

- acmisiti

Answer 1

使用JQuery，你可以增加所需的宽度：

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

这将会在当前宽度上增加15px。

- Cyremia

Answer 2

也许一个可以接受的解决方案就是提供具有不同宽度（或其他样式）的附加类。

例如：

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

在需要更宽的宽度的区域，您可以使用<div class="custom_class wide">这样的元素来创建。

- justisb

Answer 3

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

- eternal