为什么hover:后面要跟 >div呢

来源:2-25 animation-play-state

newbie朱古力

2017-01-28 09:40:28

为什么hover:后面要跟 >div呢
写回答

2回答

路大锤

2017-01-29

两个的效果是不一样的,我写的是只要进到最外面的div,里面所有的小div同时变化,而你写的是,只有点里面的具体的小div的时候她才回变化,而且是只有它自己变化。还是我给你的代码例子,你两种写法试试,一目了然。

1
hewbie朱古力
h 非常感谢!
h017-01-29
共1条回复

路大锤

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>


0
hewbie朱古力
h 为什么不可以是div>div:hover{}呢?
h017-01-28
共1条回复

0 学习 · 5760 问题

查看课程