изменение двух элементов при зависании одного div

Question

Я хотел бы задать вопрос, на который я не могу найти ответ нигде. Я уверен, что это довольно просто, но как мне помещать эти два предложения css (или функции, я не знаю?) Вместе в одном?

.key:hover p{ 
    color:red; 
} 

.key:hover { 
    background-color: #999999; 
} 

Заранее спасибо.

Answer 1

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

.key:hover { 
    color:red; 
    background-color: #999999; 
} 

Answer 2

Вы, вероятно, хотите функция парения должна быть включена только тогда, когда мышь завис на точно <p> однако это не возможно, как вы можете видеть в live demo

.key 
{ 
    background-color: green; 
    width: 250px; 
    height: 250px; 
} 

.key:hover { 
    background-color: red; 


} 
.key:hover p{ 
    background-color: blue; 
}