Выбрать самый последний элемент

[VitaliyAT]

Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент.

:nth-last-child(1)+:hover - не работает

Edited May 10, 2012 by VitaliyAT

[mrnobody]

Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент.

:nth-last-child(1)+:hover - не работает

А можно увидеть HTML и CSS код?

[Viper]

:nth-last-child(1)+:hover - не работает

Ой, мой мозг...

Какому елементу назначите :hover для того и сработает. Например, .dou:hover

[VitaliyAT]

на любой элемент - внимательней товарищи, любой элемент страницы, просто самый малый - тот что непосредственно под курсором.

html может быть любым

css только делается

Edited May 11, 2012 by VitaliyAT

[VitaliyAT]

Неужели такая простая (казалось бы) задача ставит опытных каскадников в тупик?!

[Viper]

Неужели такая простая (казалось бы) задача ставит опытных каскадников в тупик?!

Эта задача не решаеться средствами CSS(если я ее правильно понял), по крайней мере, кроссбраузерно.

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

[Great Rash]

Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент.

Выражайтесь яснее. Ничего не понял.

[rus]

назначить отдельный класс?

а вообще вопрос очень размыт...

[Yazon_Nile]

*:hover{

}

[VitaliyAT]

*:hover по действию равен просто :hover - дейсвие распространяется на все родительские элементы, а надо чтоб только на последний под курсором.

назначить отдельный класс? - через css класс не назначишь, тем более конечные элементы заранее не известны.

вопрос очень размыт - ...ну в DOM иерархии есть элементы родительские и дочерние, например: вот внизу есть кнопка "ответить" состоит из своей области, картинки и слова; если курсор над изображением зелёной-круглой стрелки, то стиль должен падать на неё; сдвинул курсор на слово "ответить" - действие на слово; сдвинул туда где нет ни картинки ни надписи - действие на кнопку (с картинкой о надписью оф кос). И при этом действие не распространяется на ячейку в которой вместе с кнопкой "Ответить" есть ещё кнопка "Открыть тему". Когда говоришь просто :hover то он какбы прошивает всё насквозь, под раздачу попадают все элементы над которым курсор и родительские тоже, а я пытаюсь как раз этого избежать.

[rus]

с помощью hover вряд ли удастся проделать подобное, только на js - onMouseOver.

[sigma77]

VitaliyAT,

Мне, конечно, совсем не понятно, что нужно... http://jsfiddle.net/d83Fz/ - выбирает любой последний элемент внутри body. Совсем же последний элемент документа вам не нужен?

[rus]

sigma77, я думаю что ТС имел ввиду нечно иное, типа:

<div>
 <p>текст для тега p<img src="kartinko.jpg"><span>какой-то текст</span><a hraf="#">текст ссылка, или картинка не важно</a></p>
</div>

например наводишь на: текст для тега p - и он по ховеру меняет цвет например, наводишь на: какой-то текст - он тоже там меняет цвет... и так с каждым в отдельности.

может пример не самый удачный конечно, но вроде как смысл я именно так понял.

[VitaliyAT]

rus

Да, смысл именно такой.

sigma77

Пример не отражает требуемого. Вот если бы там можно было подсвечивать: ul (если курсор в пределах его полей, но ещё не над li), любой li, div или span (в зависимости над каким курсор), то да. Там не ясно почему div не подсвечивается, он у body последний как и span и не содержит ничего ниже себя.

Итог ясен - без js не справиться. А казалось бы какая-то мелочь.

[sigma77]

sigma77

Пример не отражает требуемого.

Да ну?

Вот если бы там можно было подсвечивать: ul (если курсор в пределах его полей, но ещё не над li)

, любой li, div или span (в зависимости над каким курсор), то да.

Так вы определитесь любой или последний.

Там не ясно почему div не подсвечивается, он у body последний как и span и не содержит ничего ниже себя.

Потому что div не последний элемент внутри body

Итог ясен - без js не справиться. А казалось бы какая-то мелочь.

Пишите правило для каждого элемента в отдельности.

sigma77

Пример не отражает требуемого.

Да ну? Как был поставлен вопрос, такой и ответ.

Вот если бы там можно было подсвечивать: ul (если курсор в пределах его полей, но ещё не над li)

, любой li, div или span (в зависимости над каким курсор), то да.

Так вы определитесь любой или последний.

Там не ясно почему div не подсвечивается, он у body последний как и span и не содержит ничего ниже себя.

Потому что div не последний элемент внутри body

Итог ясен - без js не справиться. А казалось бы какая-то мелочь.

Пишите правило для каждого элемента в отдельности.

[DarkPrelat]

знаю! Назначить какому то классу ховер такой же как и без ховер и во все елементы внутри вставлять. Вуаля!