:empty只匹配完全不含任何子节点（包括空白字符）的元素；HTML中换行缩进产生的不可见文本节点会使:empty失效，需用开发者工具检查DOM树中的#text节点，或用JavaScript通过textContent.trim()判断视觉空状态。

应采用CSSModules实现作用域隔离，通过哈希后缀使类名唯一；若不可行，则用scoped属性或data-前缀手动隔离，辅以统一命名空间前缀和第三方库定制方案。

CSS文件增多导致维护困难的核心原因是样式作用域混乱与全局污染，应采用CSSModules按组件拆分并统一入口导入，配合CSS自定义属性管理主题变量，避免原子类滥用。

完全可靠，这是最常用也最稳妥的方式；只要侧边栏有明确类名或ID，在移动断点内设display:none即可彻底移除渲染、不占布局、无障碍阅读器跳过。

该错误并非项目代码问题，而是由Chrome浏览器中某款扩展（如QuillBot）劫持并尝试加载本地字体资源所致；只需临时禁用相关扩展即可立即解决，无需修改HTML、CSS或配置manifest文件。

判断并高亮当前导航项需基于URL路径匹配：用window.location.pathname与链接路径前缀比对（startsWith），注意处理子目录部署、SPA路由响应式同步（如ReactRouter的NavLink或useMatch），并排查CSS优先级问题。