m0_71083422 2023-03-06 16:23 采纳率: 100%
浏览 36
已结题

Webstorm中,last-child出错

Webstorm中,last-child出错

代码如下:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      div {

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

        background-color: pink;
      }
      div:last-child {

          background-color: purple;
      }
    </style>
</head>
<body>
  <div></div>
  <div></div>
</body>
</html>

chrome显示如下:

img

      div:last-child {

          background-color: purple;
      }

以上代码未生效,检查代码以后,发现实际代码如下:

img

请问是什么原因导致的?是设置的问题,还是插件的问题,谢谢大家!

  • 写回答

2条回答 默认 最新

  • 简效 2023-03-06 16:51
    关注

    你到了浏览器后 div 就不是最后一个元素了 ,他下面可能会有别的东西, 你可以这么使用,外面包裹一个标签,
    选择器最好也要修改 section div:last-child{} , 用class更好

    <section>
                <div></div>
                <div></div>
            </section>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月14日
  • 已采纳回答 3月6日
  • 创建了问题 3月6日

悬赏问题

  • ¥15 基于双目测规则物体尺寸
  • ¥15 wegame打不开英雄联盟
  • ¥15 公司的电脑,win10系统自带远程协助,访问家里个人电脑,提示出现内部错误,各种常规的设置都已经尝试,感觉公司对此功能进行了限制(我们是集团公司)
  • ¥15 救!ENVI5.6深度学习初始化模型报错怎么办?
  • ¥30 eclipse开启服务后,网页无法打开
  • ¥30 雷达辐射源信号参考模型
  • ¥15 html+css+js如何实现这样子的效果?
  • ¥15 STM32单片机自主设计
  • ¥15 如何在node.js中或者java中给wav格式的音频编码成sil格式呢
  • ¥15 不小心不正规的开发公司导致不给我们y码,