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>