Koloyar

Благодарю за ответы! Z1gnet, интересная реализация, но как справедливо заметил psywalker - лишний пункт и все ломается (Хотя если честно, еще не давно меня бы устроило такое решение - до сих пор ни разу не возникла ситуация когда четность/нечетность последнего дочернего элемента не была бы противоположной следующему за родителем пункту, но это разумеется случайность). psywalker, js конечно решение проблемы, но запускать при каждом изменении дерева полное его перешерстривание с расстановкой нужных классов мне кажется очень громоздким выходом из проблемы (хотя возможно он окажется единственным) Я все таки надеюсь на css и вот почему: если использовать counter и выводить его значение в ::before, то он верно расставляет номера для li в не зависимости от того к каким родителя они принадлежат. Вот что я имею ввиду: http://jsfiddle.net/q1p1abaj/4/ Очень хотелось бы понять можно ли привязаться к четности/нечетности этих номеров или определять ее каким-то похожим образом?

Добрый день! Столкнулся с интересной задачей, и уже некоторое время не могу найти для нее красивого решения. Суть задачи: имеется список ul, каждый его подпункт li имеет div с текстовой строкой и таким же списком ul. Этакая рекурсия. И хочется чтобы цвета li (а точнее вложенного в него блока с текстом) чередовались через один (как это часто делают для строк таблицы) Для li, лежащих в одном списке, проблема не стоит: li:nth-child(2n) {background: color1;} li:nth-child(2n+1) {background: color2;} Но они то лежат в разных, а чередование цветов должно быть все равно. Вот заготовка, к тому о чем я говорю: http://jsfiddle.net/q1p1abaj/ Первая мысль была реализовать через опорные классы: в списке класса .first-color цвета элементов чередуются так: .first-color > li:nth-child(2n) {background: color1;} .first-color > li:nth-child(2n+1) {background: color2;} А в классе .second-color наоборот: .second-color > li:nth-child(2n) {background: color2;} .second-color > li:nth-child(2n+1) {background: color1;} И вот так выглядит это решение http://jsfiddle.net/Lx6n3o4n/ Собственно именно такой вид хотелось бы получить в результате, но без использования классов. Но это решение на самом деле плохое, потому что если список расширяется динамически или, что еще хуже, пункты (li) должны иметь возможность перемещаться из одного ul в любой другой, придется каждый раз менять классы first- и second- color в зависимости от того в каком они сейчас находятся элементе - четном или не четном. Поэтому я прошу совета, может кто-нибудь сможет решить задачу "раскрашивания" пунктов списков на css без использования классов.

Спасибо за комментарии, кстати и в Хроме (10.648.*) и в Опере (11.1) (оба, мягко говоря, не последние версии) все показывается как надо, а вот Мозилла 14.1 выдает такую вот ерунду. Ну что же, буду мучиться, скорее всего с картинками. Посмотрим что из этого получится.

Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблемой, и находил пути ее решения. Был бы крайне признателен за подсказку.