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悬停粉红色？

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

Answer 1

冒号前没有足够的空间：，试试这个：

.sec-hover:hover{ 
background: pink 
} 

Answer 2

使用background-color

.sec-hover:hover{ 
 
background-color: pink 
 
}

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

Answer 3

试试这个！使用正确的语法;

.sec-hover:hover{ 
 
background:pink; 
 
color:white; 
 
}

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