CSS - 現在の「値」と「追加」を取得することは可能ですか？

Question

私のCSSでは、私はゼブラストライピングテーブルがあります。例えば白と淡いブルー。

私は3つの列を持っていると言います...私がしたいのは、ゼブラのストライピングを維持することができ、CSS（JavaScriptなし）でシェーディングを追加する/各列の青を暗くします。

これは可能ですか？現在の背景色#AABBCCを取得して#AABBDDを与えるために現在の色に＃000011を追加するようなもの...

これも可能かどうかは考えられません。私は、私が持っているかもしれない各列/列グループのために私のゼブラのストライピングを再定義する必要はないので、私はちょうど怠惰だ。あなたは（Javascriptのに依存している）CSSの表現のようなものを使用した場合を除き

おかげ

Answer 1

ありませんが、これは、CSSでサポートされていません。

しかし、スタイルシートにプリプロセッサを使用する場合は、LESSのようなライブラリを使用して変数を導入し、そのような追加を実行できます。この例では特にJavascriptも使用しているため、基準にもあまり適合しません。

Answer 2

ハハ、純粋なCSSで、まったくありません。しかし、これを行うことができるいくつかの "CSSのような"言語があります：scss、less、stylusなどです。要点は、実際のCSSにコンパイルされたコードを書くことです。スタイラスで

：

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

td.foo 
    stripe(teal) 

が発生... CSSについて

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