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 画出的分类图不对,求解答一下
  • ¥20 springboot和springcloud版本问题
  • ¥15 ps2手柄控制树莓派小车
  • ¥30 C#:vsto powerpoint的外接程序
  • ¥30 stata将do文件代码转化为ado文件
  • ¥15 两个同维数组相比,不同位置、出现重复比无意义,而不同位置、不出现重复比,则有意义。把有意义的两个数组放入新的集合MK中。
  • ¥15 可以远程电脑安装nvm
  • ¥15 写一个可直接调用的函数,将32位有符号数转成另一个无符号的数
  • ¥15 CMAKE+VS2019+QT5.15.2组合进行二次编译
  • ¥15 nginx 配置静态html访问 ,后台登录时页面始终被重定向到登录页,无法访问到后台的静态html页