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

前言

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

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

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

相关推荐
Hacker_Z&Q13 小时前
CSS 笔记2 (属性)
前端·css·笔记
计算机程序设计小李同学16 小时前
幼儿园信息管理系统的设计与实现
前端·bootstrap·html·毕业设计
tao35566717 小时前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_9495328417 小时前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
CappuccinoRose17 小时前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
穿过锁扣的风17 小时前
如何操作HTML网页
前端·javascript·html
txwtech19 小时前
第20篇esp32s3小智设置横屏
前端·html
life码农19 小时前
HTML文本换行显示几种方法总结
前端·html
强子感冒了19 小时前
CSS基础学习:CSS选择器与优先级规则
前端·css·学习
啟明起鸣20 小时前
【Nginx 网关开发】上手 Nginx,简简单单启动一个静态 html 页面
运维·c语言·前端·nginx·html