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

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

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

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小李 2021-11-16 11:24:26

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

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

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


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

https://img1.sycdn.imooc.com//climg/619324380963684d04270369.jpg

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

https://img1.sycdn.imooc.com//climg/6193244d09768ee602670227.jpg

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

https://img1.sycdn.imooc.com//climg/619324600916369d02810223.jpg

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师