CSS - 可能获得当前的“价值”和“添加”它？

Question

在我的CSS中，我有一张斑马条纹的桌子。例如白色和浅蓝色。

可以说我有三栏......我想要做的是能够保持斑马条纹，并在CSS（无JavaScript）添加阴影/使蓝色为每列更暗。

这可能吗？就像获取“当前”背景颜色#AABBCC然后添加＃000011到当前颜色给我#AABBDD ...

不知道如果这是可能的，所以只是想知道。我只是懒惰，因为我不想重新定义我可能拥有的每个列/列组的斑马条纹。

感谢

Answer 1

不，这是不是与CSS的支持，除非你使用类似CSS表达式（这依赖于JavaScript）。但是，如果您愿意为样式表使用预处理器，则可以使用像LESS这样的库来引入变量并执行添加。这个例子特别使用Javascript，所以也不符合标准。

Answer 2

哈哈，纯粹的CSS，没办法。有几种“类似css”的语言可以做到这一点：scss，less，stylus等。要点是你编写的代码被编译成“真正的”CSS。

在手写笔：

stripe(color) 
    & 
     background color 
    &:nth-child(odd) 
     background color + #000011 

td.foo 
    stripe(teal) 

产生...

td.foo { 
    background: #008080; 
} 
td.foo:nth-child(odd) { 
    background: #008091; 
}