Как при наведении курсора на любую часть блока, подсветить разные части текста различными цветами, используя только css?

Есть div-блок, в нём две строчки текста. По умолчанию они серые, а при наведении курсором на область блока, нужно чтобы верхняя строка становилась красной, а нижняя - белой. Пробовал использовать hover, но он подсвечивает только ту строку, на которую наведена мышь.
В первую очередь, хотелось бы узнать каким образом можно решить задачу, не используя javascript. Но если способов нет, то подскажите, пожалуйста, способ, который сделает так, как нужно. Заранее благодарен.

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

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

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