Есть структура
[html]<div class="sss">
<a href="">111</a>
<a href="">222</a>
</div>[/html]
Можно ли как-то при a:hover на вторую ссылку менять стиль для первой ссылки средствами CSS?
1. masterlelik - 05 Апреля, 2016 - 10:32:49 - перейти к сообщению
2. IllusionMH - 05 Апреля, 2016 - 12:05:27 - перейти к сообщению
masterlelik, предыдущий - врядли пока нет реализции CSS Selectors Level 4 (https://drafts[dot]csswg[dot]org/selectors-4/#relational )
Можно поменять местами используя flexbox но тоже только 1 из двух выделить получится.
Можно поменять местами используя flexbox но тоже только 1 из двух выделить получится.
3. masterlelik - 05 Апреля, 2016 - 12:50:03 - перейти к сообщению
В общем решение такое, надо при наведении hover на родительский задать поведение первой ссылки:
.sss:hover a:first-child{
background-color: blue;
}
.sss:hover a:first-child{
background-color: blue;
}
4. bssv - 14 Июля, 2016 - 17:00:02 - перейти к сообщению
Можно.
Допустим,
Допустим,
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <style>
- #second:hover > #first{стили}
- </style>
- <a href="" id="first"></a>
- <a href="" id="second"></a>