提取CSS至独立文件后类名失效，加数字前缀生效的原因咨询

嘿，我一眼就揪出问题的核心啦！

最关键的错误：类名拼写不匹配 #

你仔细对比下代码就会发现：

• HTML里的父元素类名是 parentOfViewCommentsLink（注意中间的Of）
• 但你的CSS里写的是 parentViewCommentsLink（直接把Of漏掉了！）

这两个类名完全不一致，浏览器根本找不到对应的样式规则，所以parentOfViewCommentsLink的样式自然不会生效。

为什么加数字的类名能生效？ #

当你把类名改成2parentViewCommentsLink时，应该是同步修改了HTML和CSS里的类名，让两者完全匹配了——浏览器能正确识别到对应的规则，样式也就正常生效了。而你试的parentViewCommentsLink、viewCommentsLinkParent这些，要么和HTML里的原类名对不上，要么只改了CSS没同步改HTML（或者反过来），所以都起不了作用。

额外排查小贴士（以防后续踩坑） #

• 确认CSS文件已经正确引入到HTML文档中（不过你改类名能生效，说明这一步没问题）
• 清理浏览器缓存：有时候旧的CSS缓存会导致新样式不加载，按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新就能解决
• 检查是否有更高优先级的CSS规则（比如行内样式、ID选择器）覆盖你的类规则，但这次的核心问题还是类名不匹配

内容的提问来源于stack exchange，提问作者MatTaNg