Launder

Похоже что нет. Он начинает выбирать элементы по формуле an+b только если они идут подряд. Как только появляется элемент, скажем, с другим классом, счёт прерывается и далее когда браузер "встречает" новую группу элементов счётчик включается снова.

http://jsfiddle.net/Launder/1257wyeL/1/ Оно вообще ведёт себя крайне странно: счёт начинает считать только когда список идёт подряд. Тогда он по заданной формуле применяет к нужным элементам определённые свойства. Кстати, интересно ведёт себя и float интересно из какой логики образуются подобные лесенки?

Работает, но специфично: http://jsfiddle.net/Launder/c80djdkL/ нечётными оказались 1, 2 и 4 строка элемента с классом "d2", 3я оказались чётным. Почему?

WAAAAAAT???????? - srsly? noooooooo - s-r-s-l-y? noo-o-o-o-o-o-o http://jsfiddle.net/alexriz/t4dxgxdp/ Так будет работать только если все d2 изменить с div на другой тег (например span) Да я, собственно, так извратился, потому, что не вполне понятно, почему вполне традиционная запись не работает: http://jsfiddle.net/Launder/fqztyus5/ <div class='d1'> <div class='d2'>Маша</div> <div class='blabla'>Ела</div> <div class='d2'>Кашу</div></div>.d1 .d2:nth-of-type(2n){ float: right;}

Ну по идее должно работать что-то вроде: .d1 div[class="d2"]:nth-of-type(2n){ float: right;}Но не работает... Почему?

Я формулировал вопрос в контексте темы. То есть, если у нас пример, как в первом сообщении, как сделать так, чтоб стили применялись к чётным или любым другим элементам заданным по формуле an+b, где n счётчик, при условии, что между элементами класса d2 могут вставляться произвольное количество прочих элементов? Иными словами как сделать так, чтоб счётчик работал только для элементов, имеющих определённый атрибут или класс, а не для всех дочерних элементов d1? Семён-семёныч (с) Всё, вроде, понял... Сейчас попробую первый пример, с учётом сказанного решить.

А чем http://mathhelpplanet.com/ плох?

Интересно а можно ли использовать счётчик, который будет считать не все дочерние элементы родителя, а только элементы с заданным классом или атрибутом?

http://jsfiddle.net/Launder/vc73z30v/5/ всё, вроде, переделал, и, вроде всё видится ровненько, но смущает одно: для тени, получается, для тега <li> свойство меняется в соответствии с функцией, а вот для ul.list к этой функции добавляется прозрачность. Как же сделать так, чтоб тень ДЛЯ ВСЕГО МЕНЮ добавлялась с одинаковой динамикой? PS При этом нужно помнить, что на данный момент задержка для тени сделана потому, что когда ul.list ещё не успел стать непрозрачным, когда сразу добавляешь тень для <li>, то она начинает просвечивать через ещё прозрачный ul.list, в результате чего, при переходе, внизу главного меню возникает полоса. Чтоб этого не было заметно, перед началом появления тени введена небольшая задержка (для похожих целей, при обратном переходе тень исчезает быстрее остальных функций). Это я пояснил для того, чтоб было понимание, что простые решения тут врят ли подойдут. Нужно именно согласовать как-то изменение функции box-shadow c opacity, а как это сделать мне пока не вполне понятно...

http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.

Чтобы скрыть элемент. Без него блок будет виден как только на него наведут. Вроде понял почему. Потому, что когда элемент не скрыт, то, он получается есть, но он прозрачен и когда на него наведут мышкой он показывается. Когда же элемент скрыт, то СНАЧАЛА нужно навести на не скрытый участок и только тогда показывается остальная часть. Разница же между visibility и display в том, что visibility просто скрывает элемент от просмотра, оставляя его пространство не занятым другими элементами, а display делает так, что элемента как буд-то нет... Но поскольку применяется абсолютное позиционирование, элемент, который мы скрываем/отображаем всё равно выводится из потока, поэтому зарезервированное место не влияет на основной поток документа, а при необходимости может отображаться поверх.

Я прошу прощения, если transition использует opacity, как основное свойство, меняющее отображение элемента, при этом, отображение "поверх" основного потока происходит благодаря позционированию, зачем вообще, в этом случае, нужен visibility?

Ну вот вроде что-то похожее нашёл: http://cssdeck.com/labs/lk0fvhvt вот ещё: http://cssdeck.com/labs/rvx4csah Впрочем это решение возможно кривоватое, поскольку текст когда внизу меню добавляешь, он просвечивается... В общем вот тут можно поискать решение... http://htmlbook.ru/practical/nispadayushchee-menyu

Просто я предположил, что эти строчки были добавлены в связи с какой-то особенностью SCSS. http://jsfiddle.net/Launder/dLge2vqy/1/ Перевёл решение на CSS с минимальными изменениями и стало не вполне ясно зачем эти две строчки в коде. В смысле, если вместо <button> будет <a>? Иными словами Вы сделали именно класс .button чтоб сделать что-то вроде универсальный заготовки, где вместо тега <button>, можно использоваться, например, <a>, отсюда некоторая избыточность свойств? Просто в случае использования тега <button> мы, вроде, убираем её свойством border: none; Ну да, вижу как работает, спасибо.

display: inline-block; outline: none;А Вы не подскажите, зачем в Вашем решении эти две строчки? Это какая-то особенность SCSS? Также, как я пониманию, box-sizing: border-box проставлено, скорее как элемент стилистики кода? То есть, особой роли этой свойство не играет?

Это по сути тот вариант, который был указан в самом начале. Границы указать можно и выше есть тому пример.

То же решение, с прикрученным псевдоэлементом для параллелепидирования кнопки http://jsfiddle.net/Launder/0md9ms2h/1/

Вот чтоб совсем параллелепипед, можно как-то так попробовать: http://jsfiddle.net/Launder/gx2ff9ww/ Каким образом выбирается начальная точка для пункта меню я не слишком понял, поэтому позиционировал "на глаз". Точнее начальная точка, похоже берётся по самому центру, но не факт что это самый удобный вариант. К тому же, не ясно откуда берётся дефолтная ширина пункта меню. То есть ставишь left: 0; или ставишь right: 0 и видишь что эти две точки удалены друг от друга на определённое расстояние. Откуда оно берётся? не вполне ясно. Возможно, имеет смысл поменять структуру html c <ul> <li class="object">Каталог</li> <li class="botline"></li> <li class="topline"></li> <li class="crossline"></li></ul>на <ul> <li class="object"><span>Каталог</span> <ul> <li class="botline"></li> <li class="topline"></li> <li class="crossline"></li> </ul></ul>и прописывать стили уже для неё. box-shadow: -1px -1px 0 blue, -2px -2px 0 blue, -3px -3px 0 blue, -4px -4px 0 blue;Обалдеть! Какое простое и красивое решение!

http://my.jetscreenshot.com/11982/20151028-x0jz-3kb.jpg что-то как-то не очень закрашивается, надписи не видно... может немного синеватым (или зеленоватым) по углам закрасить? типа тень внутрь.

Возможно жутко криво, но как-то мне сходу это представляется так: http://jsfiddle.net/Launder/ocuzpd7w/ Интересно, а как провести ещё одну линию от верхнего левого угла, до его дальнего коллеги? чтоб реально было на параллелепипед похоже...

а смысл заказчику снижать предлагаемую плату? Какие плюсы по сравнению с другими заказчиками? Другие только рады будут )) затем чтоб новеньких привлечь. и тем самым сбить цену на рынке.

Секундочку, я так понял, что у Вас есть девушка, с которой в первом приближении цели совпадают и вообще Вам приятно друг с другом... Что касается вопроса "где искать", то ИМХО, тут два вопроса - где искать просто приятных людей (везде, и цели могут совпадать), по интересам - углубляться в интересы, и вероятно люди со схожими интересами будут находится... наверное, как-то так...

Да стоит, конечно, в команде работается намного продуктивнее, но ИМХО лучше в одиночку, чем с кем попало. Иными словами, в выборе партнёра нужно быть аккуратным, не слишком много от него требовать, уметь договариваться, слышать друг друга, но при этом, и стараться смотреть на него трезво, чтоб видеть, действительно ли цели совпадают...

Спасибо, открывается вполне быстро.

Извините, если правильней было открыть новую тему, но показалось, что контекст этой вполне допускает подобный вопрос: А можно ли как-то извратится и поменять состояние предыдущего элемента, по состоянию текущего? типа li:hover + li:nth-child(n-2)