box p:hover和box:hover p的区别

来源:2-5 过渡的缓动效果

慕沐8324510

2021-11-16 07:20:36

两个效果不一样吗,为什么这样写?

写回答

1回答

好帮手慕小李

2021-11-16

同学你好,这两者是有区别的,如下:

1、 .box p:hover ===> 当鼠标移入类名为box中的p标签时,p标签做其他操作。

2、 .box:hover p ===> 当鼠标移入类名为box时,p标签做其他操作。


例1:当鼠标移入黑色box时p标签的颜色不发生改变,当鼠标移入到p标签时,p标签的红字,变成白字。

https://img.mukewang.com/climg/619324380963684d04270369.jpg

这时我们就用到了,.box p:hover如下:

https://img.mukewang.com/climg/6193244d09768ee602670227.jpg

例2:当鼠标移入黑色box时p标签的红字,立即变成白字。

https://img.mukewang.com/climg/619324600916369d02810223.jpg

同学自己试试,祝学习愉快~

0

0 学习 · 15276 问题

查看课程