样式的问题,想了很久也没搞懂

样式的问题,想了很久也没搞懂

http://img1.sycdn.imooc.com//climg/604f75c1097ce59e07490289.jpg

如上图

.section1 .section1_div1,
.section1 .section1_div2,
.section1 .section1_div3

选择器合在一起,写成

.section1 div

元素就出不来,为什么?

想了很久都搞不明白,上面的h2和p都可以​用标签来给选择器命名


我把三个div标签改成p标签,也是可以,唯独div标签不行

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

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

2回答
好帮手慕慕子 2021-03-16 10:24:37

同学你好,老师使用源码测试,并不会自动在section1下添加一个div,如下图所示:

http://img1.sycdn.imooc.com//climg/605015de0976202f11640709.jpg

同学代码中自动添加一个div可能是插件版本等问题导致的,同学不用纠结,可以灵活应用所学的知识,及时调整代码来实现效果,所以推荐同学通过类选择器给这三个div设置样式,这样不管是同学的代码还是源码都是可以实现效果的。

如果还有疑惑,可以将你写的代码全部粘贴过来,老师测试下,便于帮助同学准确的定位与解决问题。

祝学习愉快~

好帮手慕慕子 2021-03-16 09:55:45

同学你好, 老师测试源码,将截图中三个类选择器改成div标签选择器,设置div隐藏后,效果实现是对的,元素可以正常的显示和隐藏。示例:

http://img1.sycdn.imooc.com//climg/60500f9e0912e14f04710226.jpg

同学可以再测试下,如果还有问题,可以将你写的代码全部粘贴过来,老师测试下,便于帮助同学准确的定位与解决问题。

祝学习愉快~

  • 提问者 人生的起源 #1

    不是吧,我刚刚才找到原因,因为fullpage会在section1下面自动加上一个div,如下图:

    http://img1.sycdn.imooc.com//climg/605010d3093539ad04940337.jpg

    所以写样式的时候,.section1 div这种选择器会影响显示

    老师测试了居然没问题,这我就搞不懂了

    2021-03-16 10:00:31
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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