При наведении на кнопку, меняю фон, как сделать чтобы и < p > в кнопке тоже менялся вместе с ним?

Question

[Pavel Burns]

При наведении на кнопку, при помощи hover меняю фон, как сделать чтобы и тоже менялся одновременно с фоном. И возможно ли при помощи css это сделать?

<button class="btn" id="fonts"><p>Кнопка</p></button>

.btn {
        background: transparent none;          
    }
    .btn p {        
        color: #FFCC00;
    }
    .btn:hover {
        background:#FED802;
    }
   .btn p:hover {
        color: #004a80;
    }

Заранее спасибо и извиняюсь, если вопрос дурацкий, но гугл уже устал. jsfiddle.net/22rtnr8u

Answer 1

[Михаил]

.btn:hover p {
color: #004a80;
}

jsfiddle.net/22rtnr8u/1

Comments

[Pavel Burns]

Боже мой, спс, всё пока спать(

[Pavel Burns]

Михаил Пока не ушел, мб подскажите, как сделать чтобы при наведении на картинку , появлялась эта кнопка?

[Михаил]

.btn {display: none;}
img:hover .btn{display: block;}