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

前言

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

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

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

相关推荐
徐佳明10 小时前
从"能聊天"到"能干活":MCP Server 如何让 AI 智能体真正落地
css
徐佳明10 小时前
AI 智能体的"技能树":Skills 架构设计与工程落地实践
css
徐佳明10 小时前
从单兵到军团:多 Agent 协同架构设计与工程落地
css
杨超越luckly10 小时前
Agent应用指南:基于 SPTCC 一卡通数据的上海地铁客流特征分析(2015.04)
html·agent·可视化·一卡通·地图客流
2601_9657984711 小时前
Arrow Unlocker HTML5 Game Review: Keep Web Arcade Players Coming Back
前端·html·html5
醉城夜风~12 小时前
HTML常用标签详解学习博客:从基础标签到页面结构完整掌握
前端·学习·html
半夜里咳嗽的狼14 小时前
组件进侧栏就变形?用 CSS Container Queries 把响应式边界收回组件
前端·css
带娃的IT创业者14 小时前
单文件架构的极致美学:深入解析 Bento 的 HTML 幻灯片技术实现
前端·架构·html·web开发·bento·单文件架构
muddjsv14 小时前
CSS 值的完整计算过程:指定值、计算值、使用值、实际值与动态依赖
前端·css
用户0595401744615 小时前
Playwright测试AI记忆存储踩坑实录:这个时序问题让我排查了6小时
前端·css