css - 类取决于其他

Question

我有一个名为的 Css 属性

.Zero
{
width:100px;
}

我有另一个电话

.One

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

如果零类 = 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 是不可能的，但您可以使用SCSS - http://sass-lang.com/

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

$width: 500;

.Zero{
  width: $width;
}

.one{
  width: $width + 10;
}

Answer 3

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