Как изменить css одного div при наведении на другой с javascript?

Решение онли js
jsfiddle.net/Symphony/7Lzg5s31

Решение онли css
jsfiddle.net/Symphony/7Lzg5s31/1

$('.notsun a').on('mouseover', function() {
    $('.daddy a').css('color','red');
});

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

$(".notsun a").hover(function () {
    $('.daddy a').toggleClass("hovered");
 });

$('.notsun a').on('mouseover', function(){
  $('.daddy a').css('background-color','red');
})

как то так.. насчет селектора могу ошибаться, так что лучше проверить в документации jQuery.

На CSS как два пальца...впрочем, вот так:

.notsun:hover + .daddy a
{
   //custom css rules
}

Alexander Kaloshin: Спасибо. Но вот я понял, что я неправильно описал вопрос - у меня таких пар много - т.е. это меню - каждая пара дива закрыта в

<li>
<div class="daddy"><a>need-url1</a></div>
<div class="notsun"><a>url1</a></div>
</li>
<li>
<div class="daddy"><a>need-url2</a></div>
<div class="notsun"><a>url2</a></div>
</li>

Мне посоветовали использовать prev(), но как его подвязать к Вашим методам не пойму.

При наведении на .notsun a к .daddy a добавится класс active который описывай как хочешь. На этом сайте слева под логотипом есть карта функций. Очень удобная штука для начинающих.

$(document).ready(function(){
	$('li').each(function(){
		$('.notsun a').on('mouseover', function() {
			$('.daddy a').toggleClass('active');
		});
	});
});

Это более продвинутое решение но его надо окультурить под себя

$(document).ready(function(){
	$('body').on('mouseover', '.notsun a ', function(e){
		e.preventDefault();
		$(this).closest('li').find('.daddy a').toggleClass('active');
	});
});