CSS：悬停div元素

Question

我的CSS： .sec-hover :hover {background:pink;}

我的div：<div class="sec-hover"><h2>heading</h2><p>paragraph</p></div>

使用此代码，整个 div 不会悬停在粉红色。悬停时 h2 和 p 元素分别悬停在粉红色上。如何让整个 div 悬停粉红色？

代码笔：[1]：http ://codepen.io/cboy/pen/GWgOGa

Answer 1

冒号前没有空格：，试试这个：

.sec-hover:hover{
background: pink 
}