Спасибо за ваш ответ!
Но боюсь что не подойдет способ такой. Ведь inherit работает только для прямого потомка. То есть чтобы его использовать, мне придется закрасить вначале всю структуру ul, а нужно именно ссылки, чтобы ничего лишнего не было
Указывать конкретные дочерние элементы - это самоубийство)) Так как дерево имеет неограниченную вложенность)
А что вы имеете в виду под фразой "переписывать конкретные наследуемые стили"? Использование свойства inherit?
Спасибо! Изучил статью, но решения в ней я так и не увидел.
При этом правила являются равносильными, поскольку все условия для них выполняются и не противоречат друг другу. В подобных случаях применяется стиль, который расположен в коде ниже...
Мне надо добиться такого решения, чтобы цвет зависел не от порядка строк в файле со стилями, а от иерархии в дереве.
Или вы ссылкой на статью намекаете, что моя задача невыполнима?
Спасибо! Подскажите, можно ли применить подобный css для 3х цветов? Надо будет прописать еще дополнительных 6 правил для всех вариаций размещения? Что если цветов будет 4 и более?
Решение вижу очень хорошим, вопрос в том, можно ли его еще как-то оптимизировать, чтобы подходило для большего кол-ва цветов?
Stalker_RED: Уровней может быть много. Причем они все не сразу же на странице, а могут динамически подгружаться по мере раскрытия дерева.
Да, насчет использования js никаких ограничений нету. У вас есть идеи как его можно тут использовать? Тоже смотрел в эту сторону, думал как-то анализировать дерево и проставлять через js свойства. Но то, что дерево динамическое - вставляет палки в колеса
Но боюсь что не подойдет способ такой. Ведь inherit работает только для прямого потомка. То есть чтобы его использовать, мне придется закрасить вначале всю структуру ul, а нужно именно ссылки, чтобы ничего лишнего не было