为什么hover:后面要跟 >div呢
来源:2-25 animation-play-state
newbie朱古力
2017-01-28 09:40:28
2回答
两个的效果是不一样的,我写的是只要进到最外面的div,里面所有的小div同时变化,而你写的是,只有点里面的具体的小div的时候她才回变化,而且是只有它自己变化。还是我给你的代码例子,你两种写法试试,一目了然。
路大锤
2017-01-28
这个是选择div下面的所有的div元素。
你看个小例子就知道了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.div1{
background-color: #eee;
}
.div2{
background-color: #eee;
}
.p3{
background-color: #eee;
}
.div4{
background-color: #eee;
}
.div5{
background-color: #eee;
}
div:hover > div{
background-color: #abcdef;
}
</style>
</head>
<body>
<div>
<div class="div1">div1</div>
<div class="div1">div2</div>
<p class="p3">p3</p>
<div class="div1">div4</div>
<div class="div1">div5</div>
</div>
</body>
</html>
相似问题