6***@qq.com
6***@qq.com
  • 发布:2019-07-21 17:49
  • 更新:2020-06-09 17:45
  • 阅读:2050

【报Bug】css里的 :last-child 选择器未能正确选中

分类:HBuilderX
css

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
在使用css的 :last-child 选择器时,测试时未能将目标元素修改样式;
而将同样的代码复制到桌面上的HTML文件时测试,则能选中,所以我只能猜测时HBuilderX的问题

重现步骤

[步骤]
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>子元素选择器</title>
<style type="text/css">

        p:last-child{  
            color: #87CEEB;  
        }  

    </style>  
</head>  
<body>  
    <p>我是一个段落</p>  
    <p>我是一个段落</p>  
    <p>我是一个段落</p>  
    <p>我是一个段落</p>  
    <p>我是一个段落</p>  
    <p>我是一个段落</p>  

</body>  

</html>
[结果]
见附件

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX

[IDE版本号]
2.1.1.20190716
[windows版本号]
win10专业版 18362.239
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]
694389397

2019-07-21 17:49 负责人:无 分享
已邀请:
富婆

富婆

遇到同样的问题,first-child没问题,last-child不生效

该问题目前已经被锁定, 无法添加新回复