html - CSS :hover div elements

Question

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

我的分区:<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 
}