Как дочернему блоку присвоить hover родительского блока

Здравствуйте, такая вот проблема, второй день бьюсь об гугл и все в пустую.
Есть 2 блока.
Один родительский, второй дочерний.
На родительском стоит :hover, на дочернем :hover нет.
Вопрос, как сделать так чтобы при наведении на родительский блок изменялся не только он сам, но и дочерний блок тоже.
Заранее спасибо.

Примечание:
<div class="parent">
<div class="child"></div>
</div>

<style>
.parent{width:200px;height:600px;background:#000000;}
.parent:hover{background:#ff0000;}
.child{outline:none;width:157px;background: #1b81c8;height:35px;border:none;cursor: pointer;position:absolute;margin-left:20px;margin-top:500px;}
.child:active{margin-top:501px;margin-left:21px;}
</style>

Нужно что бы дочерний блок тоже менял свой цвет.

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.