если hover то класс сверху
Здравствуйте!
Есть ли решение scc , понятно что js это сделать элементарно, но все же интересно
div:hover { если над дивом провели мышкой
то на диву с классом .jkjk установить дополнительный класс
}
Спасибо! |
видимо имеется в виду свойства поменять в диве с классом jkjk ?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<style type='text/css'>
div {
padding: 3px;
margin: 3px;
border: 1px solid;
}
div:hover + div.jkjk {
background: red;
}
</style>
</head>
<body>
<div>по этому провести мышкой</div>
<div class="jkjk">это див с классом jkjk</div>
</body>
</html>
|
не, по другому
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<style type='text/css'>
div {
padding: 3px;
margin: 3px;
border: 1px solid;
}
div:hover + .jkjk {}
/*как то так*/
</style>
</head>
<body>
<div>по этому провести мышкой и он, откуда ни возмись, получил, присвоил себе, в подарок класс jkjk</div>
/body>
</html>
и как Вы делаете кнопку посмотреть? |
Думаю, что только с помощью JS, но могу ошибаться.
Цитата:
|
Цитата:
не ошибаешься, класс цссом добавить нельзя. только зачем класс добавлят? чем стили к ховеру плохо написать? |
Цитата:
|
Цитата:
div:hover+.jkjk{....}
|
Запомню) А как с кроссбраузерностью? IE 9+? И с остальными тоже...
|
Цитата:
"~" начиная с 9 |
Цитата:
|
| Часовой пояс GMT +3, время: 22:14. |