大国工匠普拉斯金 2021-04-21 17:47 采纳率: 75%
浏览 169
已结题

灵异bug请各位大神前来看一下。。。为什么div的last-child不生效呢?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }

            div:first-child{
                width: 200px;
                height: 200px;
                background-color: yellow;
            }

            div:last-child {
                width: 200px;
                height: 200px;
                background-color: purple;
            }
        </style>
    </head>
    <body>
        <div>1</div>
        <div>2</div>
    </body>
</html>

代码如上first-child就可以生效但是last-child就不行,这是为啥呢?

补充的截图

 

  • 写回答

2条回答 默认 最新

  • wanmeikakaxi 2021-04-21 18:39
    关注

    分别用不了不同浏览器测试,全部正常显示,我看了一下楼主发的代码与截图里的对比一下,楼主截图里带有js,而帖上来的代码没有调用js,建议楼主排除法,先去掉js调用引用,单纯测试css代码,如果没有问题,那么就是js调用引起的错误。

    以下截图是不同浏览器测试效果。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月17日
  • 已采纳回答 9月9日

悬赏问题

  • ¥15 Jenkins+k8s部署slave节点offline
  • ¥15 微信小游戏反编译后,出现找不到分包的情况
  • ¥15 如何实现从tello无人机上获取实时传输的视频流,然后将获取的视频通过yolov5进行检测
  • ¥15 WPF使用Canvas绘制矢量图问题
  • ¥15 用三极管设计一个单管共射放大电路
  • ¥15 孟德尔随机化r语言运行问题
  • ¥15 pyinstaller编译的时候出现No module named 'imp'
  • ¥15 nirs_kit中打码怎么看(打码文件是csv格式)
  • ¥15 怎么把多于硬盘空间放到根目录下
  • ¥15 Matlab问题解答有两个问题