how to handle inheritance

[KIC]

This is really cool, I always wanted to have styling options of js objects to actually be part of the css. Terefore I am playing a little bit around with this idea. But how could we handle inheritance?

i.e. css

div.someclass {
    --test-test-test: 12;
    --test-test-test-2: "dsas";
    content:'{"test-test-test":"12", "test-test-test-2":"das"}';
}

#x {
    --test-test-test-3: "drei";
    content:'{"test-test-test-3":"drei"}';
}

and html

<div class="someclass">
<div id="x" class="someclass">

while var data = CustomProps.data($("div.someclass")); gives us the expected two properties, var data = CustomProps.data($("x")); does not give us all expected three properties.

[KIC]

Actually I switched from custom-props.js to http://www.brothercake.com/site/resources/scripts/cssutilities/config/#usage where one get all slectors in the correct priority. Now we just loop and do jQuery#extend on each level to merge the properties.