班级取决于其他

Question

我有一个叫Css属性

.Zero
{
width:100px;
}

我还有一个人打电话

.One

我需要第一类是同一类（零）+ 10像素例如

如果零级= 500

第一类= 510

我该怎么做？

Answer 1

按照我的理解这样写：

.Zero,.One
 {
 width:100px;
 }
.One{
 padding-right:10px;
}

您也可以使用javascript。写得像这样：

var modWidth = $('.Zero').width();
$('.one').css({width: modWidth + 10});

选中此http://jsfiddle.net/mweEh/

Answer 2

据我所知，单独使用CSS是不可能的。你应该使用javascript + css来做到这一点。

Answer 3

仅使用css不可能，但您可以使用SCSS - http://sass-lang.com/

它允许您分配变量并将其用作

$width: 500;

.Zero{
  width: $width;
}

.one{
  width: $width + 10;
}