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 Stata链式中介效应代码修改
  • ¥15 latex投稿显示click download
  • ¥15 请问读取环境变量文件失败是什么原因?
  • ¥15 在若依框架下实现人脸识别
  • ¥15 添加组件无法加载页面,某块加载卡住
  • ¥15 网络科学导论,网络控制
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错