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

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日

悬赏问题

  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
  • ¥15 关于#stm32#的问题:寻找一块开发版,作为智能化割草机的控制模块和树莓派主板相连,要求:最低可控制 3 个电机(两个驱动电机,1 个割草电机),其次可以与树莓派主板相连电机照片如下:
  • ¥15 Mac(标签-IDE|关键词-File) idea
  • ¥15 潜在扩散模型的Unet特征提取
  • ¥15 iscsi服务无法访问,如何解决?
  • ¥15 感应式传感器制作的感应式讯响器