Показать сообщение отдельно
  #11 (permalink)  
Старый 13.10.2012, 18:38
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от artygrand
Кстати, melky, ты тут что то похожее решал. На чем остановился?
ни на чём сделал анимацию, где анимирование происходит не элемента, а селектора. получилось намного быстрее, чем при анимировании свойства style (как по-обычному делают).

Ссылки по теме : всё, что нужно, находится на одной странице в спецификации.

пример обхода :
<style>

* { margin: 0; padding: 0; }

div { color: red; font-size: 20px; }

</style>

<style>

#div { border: 2px green solid; }

.div { padding: 5px; background-color: red; }

</style>

<div id="div" class="div">Я ДИВ</div>


<script>

var styles = document.styleSheets, i = 0, sheet, rules, b, rule;

while (i in styles) {
    sheet = styles[i];

    rules = sheet.cssRules;
    b = 0;

    while (b in rules) {
        rule = rules[b];
        alert( "Таблица стилей №   " + i + "\n\nПравило №  " + b + "\n\n Селектор : " + rule.selectorText + "\n\n Содержимое : " + rule.style.cssText );
        b++;
    }

    i++;
}
</script>
Ответить с цитированием