Форум

Артем125 · #1 (**permalink**) 22.11.2011, 18:38

Здравствуйте!

Есть ли решение scc , понятно что js это сделать элементарно, но все же интересно

div:hover { если над дивом провели мышкой

то на диву с классом .jkjk установить дополнительный класс 

}

Спасибо!

Pavel M. · #2 (**permalink**) 22.11.2011, 18:54

видимо имеется в виду свойства поменять в диве с классом 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>

Артем125 · #3 (**permalink**) 22.11.2011, 19:11

не, по другому

<!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>

и как Вы делаете кнопку посмотреть?

trikadin · #4 (**permalink**) 22.11.2011, 19:25

Думаю, что только с помощью JS, но могу ошибаться.

Сообщение от Артем125

и как Вы делаете кнопку посмотреть?

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Seva1986 · #5 (**permalink**) 22.11.2011, 20:52

Сообщение от trikadin

Думаю, что только с помощью JS, но могу ошибаться.

не ошибаешься, класс цссом добавить нельзя.

только зачем класс добавлят? чем стили к ховеру плохо написать?

trikadin · #6 (**permalink**) 22.11.2011, 20:58

Сообщение от Seva1986

не ошибаешься, класс цссом добавить нельзя.

только зачем класс добавлят? чем стили к ховеру плохо написать?

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

Seva1986 · #7 (**permalink**) 22.11.2011, 21:05

Сообщение от trikadin

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

Стили добавить можно если эелемент идёт после или дочерний....

div:hover+.jkjk{....}

trikadin · #8 (**permalink**) 22.11.2011, 21:10

Запомню) А как с кроссбраузерностью? IE 9+? И с остальными тоже...

Seva1986 · #9 (**permalink**) 22.11.2011, 21:16

Сообщение от trikadin

Запомню) А как с кроссбраузерностью? IE 9+? И с остальными тоже...

"+" и ">" начиная с 7 осла
"~" начиная с 9

Pavel M. · #10 (**permalink**) 22.11.2011, 21:16

Сообщение от trikadin

А как с кроссбраузерностью? IE 9+? И с остальными тоже...

начиная c IE7 будет работать

Форум

Справочник

Discord чат

Курсы javascript