老师 我这边代码完全一样 效果不一样

老师 我这边代码完全一样 效果不一样


.screen-5{

    height: 800px;

    position: relative;

    overflow: hidden;

    background-color: #d9dde1;

}

.screen-5__bg{

    width: 1920px;

    height: 433px;

    background:url(../img/bg-screen-5.png)  no-repeat center;  

    background-size: contain;

    position: absolute;

    left: 50%;

    margin-left: -960px;

    bottom: -100px;

}

.screen-5__heading{

    font-size:46px;

    line-height: 46px;

    color: #f01400;

    text-align: center;

    padding-top: 130px;

}

.screen-5__subheading{

    font-size:14px;

    color: #2c3137;

    text-align: center;

    padding-top: 25px;

    line-height: 28px;

}


<div class="screen-5">

    <h2 class="screen-5_heading">游戏、学习、拍照,有这一部就够了</h2>

    <h3 class="screen-5_subheading">看视频、拍摄高清视频与照片、视频聊天、通话相结合,一机多功能,让您生活更丰富精彩。

    </h3>

    <div class="screen-5__bg"></div>

 </div>

问题描述:

https://img1.sycdn.imooc.com//climg/6224a945095c67f438191758.jpg  老师 我实在检查不出我哪里错了 对比老师源码 我不知道哪里出错了

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

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

1回答
好帮手慕慕子 2022-03-07 09:42:32

同学你好,因为html结构中的类名只有一个下划线,而css中的类选择器中写了两个下划线,导致样式没生效。建议修改:调整html结构中的类名为两个下划线即可,如下:

https://img1.sycdn.imooc.com//climg/622563060994cda212560184.jpg

祝学习愉快~

  • 提问者 豆包侠 #1

    老师 不对 我修改了 效果还是不一样 

    2022-03-07 21:21:19
  • 好帮手慕慕子 回复 提问者 豆包侠 #2

    老师在源码中测试同学粘贴的这部分代码,修改后的效果是正常的,同学可以将你修改后的html, css和js代码,全部粘贴过来,老师再帮助测试下,祝学习愉快~

    2022-03-08 10:03:40
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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