2012-03-09 105 views
4

对于工作,我必须经历并创建大量html页面,并且我发现我创建的许多自定义类可以重复使用,如果我可以找出方法添加到诸如高度和宽度等属性。CSS +添加到继承的div的高度和宽度

例如:

.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一点是优良,没有比,虽然以上)

感谢

+4

您已提问11个问题,从未接受任何答案!请看** [如何接受答案](http://meta.stackexchange.com/a/5235/174820)** – 2012-03-09 20:15:19

回答

5

与jQuery你可以添加你需要的宽度:

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

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

3

也许可接受的解决方案将只是以提供具有交替宽度(或其它样式)附加的类。

例如:

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

然后在您需要的宽度是更广泛的领域,你只需要创建一个元素像<div class="custom_class wide">

2

我使用的一种解决方法是添加余裕和余裕。所以,如果我想宽+ 15px的,我想补充保证金权:15px的