HBuilder X使用注释和声明后代选择器冲突

前言

今天在用HBuilder X写CSS,在定义后代选择器的时候,发现一个问题,问题代码如下:

按理说,输出的的两个"hi"应当分别为"天蓝色"和"粉红色",但是诡异的是,输出结果竟然是:

我直接当场懵逼,这是啥情况,我寻思也没用哪里敲错了呀?我一开始认为这是因为在同一个style标签里同时定义了两个后代选择器,于是我将这两个分开定义,果然可以。但问题并没有结束,因为我是按照书上的代码原模原样copy上去的,怎么会出错呢?除非.......难道是注释的问题?这注释是我自己加上去的,于是我抱着试一试的心态删了注释,再运行一次果然没有问题。问题虽然解决了,但这背后的原理是什么呢?为什么加了一行注释就"废了"?目前还没找到答案,不知评论区是否有大佬可以帮忙解答一下。
------------------------------------------------------分割线------------------------------------------------------------------
没错,在我又往后学了一些之后,我发现小丑竟是我自己,虽然我看似在写html代码,实际是写css代码,二者注释是不一样的呀,大哥,唉,算了,说多了愈发显得自己小丑。

相关推荐
ZhengEnCi3 小时前
M5-markconv自定义CSS样式指南 📝
前端·css·python
xingpanvip3 小时前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua
yqcoder7 小时前
CSS 外边距重叠(Margin Collapsing):现象、原理与完美解决方案
前端·css
山楂树の8 小时前
图像标注大坑:img图片 + Canvas 叠加标注,同步放大后标注位置偏移、对不齐?详解修复方案及亚像素处理原理
前端·css·学习·canva可画
Dxy123931021611 小时前
HTML 如何使用 SVG 画曲线
前端·算法·html
棉猴11 小时前
Python海龟绘图之绘制文本
javascript·python·html·write·turtle·海龟绘图·输出文本
JYeontu12 小时前
照片墙太死板?做一个会随风摇摆的绳串图片交互效果
前端·javascript·css
吹个口哨写代码13 小时前
小程序图片不显示,直接访问显示,头部配置问题
javascript·css·nginx
遇见~未来13 小时前
第一篇_认识CSS_风格的起点
前端·css
遇见~未来13 小时前
第二篇_CSS核心_盒子_布局_视觉
前端·css