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

试试吧！使用了正确的语法;

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;