[melky]

Octane, вероятно, я плохо объяснил, в чём проблема, Вы меня не поняли.

melky,
а если структуру поменять? вместо свойств просто массив и методы работающие с массивом-добавление,удаление с массива прочие операции...

как правила в таблице превратить в массив и работать с ними в таком виде ?

вся проблема целиком и полностью относится к правилам стилей.

я подумал, как сюда можно замешать массивы ... и тут я вспомнил отличный метод у массива ...

var fluid = [  1,2, { 'obj?!' : 'suddenly!' } ,4,5,6,7,8, { 'obj is here' : 'again' } ,10  ];

var obj = { 'this is' : 'my sample obj' };

fluid.push(obj);

// перемешиваем.
var i = fluid.length, b, c;
do { b = Math.floor(Math.random()*--i); c = fluid[b]; fluid[b] = fluid[i]; fluid[i] = c; } while(i);

console.log( fluid );

// и ищем индекс obj в массиве fluid.. EASE WAY
*!*
var index = fluid.indexOf( obj );
*/!*

console.log( index, fluid[ index ]  );

как я мог забыть про него ??

попробую теперь на правилах :

<div>Hello World !</div>

<script>
var dummy = document.querySelector('div'),
     stylesheet = document.head.appendChild(document.createElement('style')).sheet,
     rules = stylesheet.cssRules;

// намешаем правил
stylesheet.insertRule("div { margin:10px; }", rules.length);
stylesheet.insertRule("div { font-size:2em; }", rules.length);

// вернёт индекс добавленного правила
var first = stylesheet.insertRule("div { border:10px red solid; }", rules.length);

stylesheet.insertRule("body { padding:90px; }", rules.length);
stylesheet.insertRule("html { pading:10px; }", rules.length);

// и тут тоже индекс.
var second = stylesheet.insertRule("div { color:green; }", rules.length);


// превращаем индексы в сами правила
first = rules[ first ];
second = rules[ second ];

// удалим пару правил. тут я делаю это наугад, чтобы сместились индексы запомненных правил
stylesheet.deleteRule(  3  );
stylesheet.deleteRule(  0  );

// а теперь я их точно удаляю; таймаут для наглядности
setTimeout(function(){

     var first_index = [].indexOf.call( rules, first );
     stylesheet.deleteRule(first_index);

     // т.к. они смещаются вверх, то индекс надо определять прямо перед удалением.

     var second_index = [].indexOf.call( rules, second );
     stylesheet.deleteRule(second_index);

}, 1000);
</script>

Отлично! Problem solved.
Проверил в IE 9, FF 10, O 11.61, CH 17.0.963.83m

как всегда, выручает заимствование методов.

PS. работа в IE<=9 (<10) не нужна, т.к. они не поддерживают переходы и анимации на CSS.
PSS. само собой, такого говнокода у меня не бывает. Всё это было написано супер подробно и супер развёрнуто - чтобы хорошо читалось.