css选择器问题

css选择器问题

.zsjsdlx .big-grid.havehover .mask{}
这个css选择器是.zsjsdlx .big-grid .mask,.zsjsdlx .havehover .mask{}的意思吗?


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

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

1回答
imooc_慕慕 2022-12-19 15:12:59

同学你好,根据同学的描述,猜测是如下位置代码:

https://img1.sycdn.imooc.com//climg/63a00cd2094c159506920090.jpg

这里使用的了并集选择器,表示这两个不同类名下的相同元素的hover效果。

如果不是这里的话,可以图文结合详细描述下具体指的是哪里,便于帮助同学准确的定位与解决问题。

祝学习愉快~

  • 提问者 慕芸芸 #1

    是这块的代码,我没看懂这个选择器选择的是哪块

    .zsjsdlx .big-grid.havehover .mask{}

    这个css选择器是.zsjsdlx .big-grid .mask,.zsjsdlx .havehover .mask{}的意思?

    是.zsjsdlx .big-grid .mask,.havehover .mask{}?



    2022-12-19 16:50:06
  • imooc_慕慕 回复 提问者 慕芸芸 #2

    同学你好,同学所指的是视频中的这里嘛,参考如下:

    https://img1.sycdn.imooc.com//climg/63a0306e0931ddd108150155.jpg

    如果是这里的话,这里老师后面改成了如下的样式:表示不同盒子下的mask元素的hover样式一样,因此可以使用并集选择器使用逗号隔开连在一起书写。减少代码量,也可以分开写但是不推荐。

    https://img1.sycdn.imooc.com//climg/63a0309e092ecc0f07480099.jpg

    表示的是最世界部分的mask元素

    https://img1.sycdn.imooc.com//climg/63a031bd0936cd7710790511.jpg

    跟团部分的mask元素

    https://img1.sycdn.imooc.com//climg/63a030e00906494d08340590.jpg

    表示两个部分的mask元素的css样式中的:hover效果是一样的。

    祝学习愉快~

    2022-12-19 17:46:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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