CSSに似せた何かでスタイルをもっと扱いやすくできないか

できるだけCSSに似せた形でスタイルを記述し、プログラム的にテストなんか出来たらなぁ〜、とか考えてました。

(function() {
// --- 識別子 ---
var red = "#f00";
var absolute = "absolute";
var url = function(val) { return val; };
var rgba = function(r,g,b,a) { return uu.color({ r:r, g:g, b:b, a:a }); };

// --- スタイルの定義と適用 ---
css({
    "body > div > a": {
        color: red,
        position: absolute,
        left: 100,
        top: "10em",
        background: [url("http://example.com/a.png"), rgba(100, 100, 100, 0.5)]
    }
});
})();

識別子の部分は固定なので、ファイル化し #include で、こんな感じにロードするといいかも

(function() {
// --- 識別子 ---
//#include "css2.1"

// --- スタイルの定義と適用 ---
css({
    "body > div > a": {
        color: red,
        position: absolute,
        left: 100,
        top: "10em",
        background: [url("http://example.com/a.png"), rgba(100, 100, 100, 0.5)]
    }
});
})();

// css2.1
var red = "#f00";
var absolute = "absolute";
var url = function(val) { return val; };
var rgba = function(r,g,b,a) { return uu.color({ r:r, g:g, b:b, a:a }); };

jsなので定数や演算子が利用できますし、calc()も用意するといいかもですね。
あと、CSSとして書き出す機能もあれば融通が効きそうです。