пятница, 01 апреля 2011
23:20

все записи пользователя в сообществе winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
Из невозможного. Убедите меня, что это не так.
Задача такова - есть 3 соседних блока. Хоть тресни, хочу при наведении на третий блок поменять свойства первого блока.
Вот с при наведении на первый - изменить третий можно - хотя бы конструкцией .one:hover ~ .three - но оно работает только на следующие элементы, а не предыдущие. Соседний блок тоже работает только на следующий блок (.one + .two).
И конечно же, нельзя указать из дочернего элемента родительский, так?

@темы: diaryCSS, основные блоки, Точка зрения

URL
Комментарии
02.04.2011 в 00:36

bokonist
fail better
Если задача — менять первый блок наведением на какой-то другой, а при наведении на сам первый блок не менять — у вас проблема с дизайном, это противоестественное поведение.

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

Расскажите о задаче конкретнее.
URL
02.04.2011 в 00:48

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
Я рассказал суть проблемы в самом упрощенном виде. А если интересно - хочу показать демо шкурки дневника при наведении на некий блок, что меняет весь дизайн дневника. Сперва хотел завязать на свободные блоки - add_block1 ... add_block10 (кто смотрел сорс код дневника поймет).
Ну, а так как, я не могу обратиться к предыдущему блоку, взял свободный блок - он идет перед wrapper.
Попробовал - получилось. Но мне не очень понравилось, поэтому я сделал смену шкурки (для демонстрации) через ссылку.
winterwolf.diary.ru/
winterwolf.diary.ru/#Journal

жаль лишь то, что все линки всегда в новом окне открываются.
URL
02.04.2011 в 00:56

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
«Если задача — менять первый блок наведением на какой-то другой, а при наведении на сам первый блок не менять — у вас проблема с дизайном, это противоестественное поведение.»

Вот вам простой пример - warwolf.org/winterwolf/test.html
При наведении на первый красный блок - загорится зеленым строка третьего блока
URL
02.04.2011 в 01:42

bokonist
fail better
Понимаю, что поиграть интересно, но для демонстрации гораздо проще положить на хостинг статическую страничку и навесить скрипт для переключения стилей )
URL
02.04.2011 в 02:44

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
Проще вообще ничего не делать, обходясь скриншотами. Для вас может игра, для меня новый опыт.
URL
02.04.2011 в 04:13

bokonist
fail better
Я только хотел сказать, что скриптом легко ходить по дереву в любые стороны и переключать классы или целые файлы стилей. К тому же для вашей задачи не так важно, живая ли это страница сайта или статика.

Понимать, как работает ~ или :target, неплохо, но изучать лучше не на кривом коде дайри, где не за что зацепиться, а на крутых демках (например, kizu.ru/fun/).
URL