разный цвет для разных уровней строк в jsTree

как получить разный цвет строки для разных "уровней" строк в jsTree

скажем, в моем примере http://jsfiddle.net/radek/sTmrv/2/

  • базовые и все будут иметь одинаковый цвет
  • логин, Основы образования, логин, Добавить академический год .... будет иметь тот же цвет, но другой

  • и, наконец, 3-й уровень будет иметь тот же цвет.

  • пока мне удалось изменить цвет всех строк....


css jstree
person Radek    schedule 07.06.2011    source источник
comment
Я не знаю, правильно ли я понимаю, или это будет работать с Javascript. Вы пробовали псевдокласс nth-child(N).   -  person Jawad    schedule 07.06.2011
comment
Я не знаю, что такое nth-child(N) pseudo class....   -  person Radek    schedule 07.06.2011
comment
reference.sitepoint.com/css/css3psuedoclasses   -  person Jawad    schedule 07.06.2011

Ответы (2)


arrow_upward
3
arrow_downward

Будет ли это работать для вас? См. http://jsfiddle.net/sTmrv/4/.

Возможно, вам придется немного поиграть с ним (не проверено в IE).

li.jstree-open > ul {
    background: red;
    display: block;
}
li.jstree-open > ul li.jstree-open > ul {
    background: #CCC;
    position: relative;
    left: -18px;
    padding-left: 18px;
    width: 100%;
 }
person g_thom    schedule 07.06.2011
comment
это оооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооо Еще два вопроса. Как бы изменить цвет первого уровня. Есть ли шанс, что вы можете объяснить, что вы сделали? ;-) - person Radek; 07.06.2011
comment
.jstree-default.jstree-focused {фон: зеленый; } должен сделать это. - person g_thom; 07.06.2011
comment
Я проверил CSS с помощью Firebug (getfirebug.com). Если вы не использовали его раньше, вы можете установить его как надстройку Firefox, а затем щелкнуть правой кнопкой мыши в любой части экрана, чтобы увидеть стили CSS для любого элемента. - person g_thom; 07.06.2011
comment
Я был больше после этого jsfiddle.net/radek/Yf8PG спасибо за решение. - person Radek; 08.06.2011

arrow_upward
1
arrow_downward

Вы можете сделать цикл с сгенерированным идентификатором строки и основывать цвета на кратном идентификатору строки.. позвольте мне попробовать что-нибудь быстро напечатать.

person Daedalus    schedule 07.06.2011
comment
Я думал, могу ли я как-то использовать текущий код, не вводя новые классы. - person Radek; 07.06.2011
comment
с другой стороны, я не знаю, куда добавить класс :-) - person Radek; 07.06.2011