Lighthouse建议移除未使用的CSS，但我这段代码明明在用啊？

博主泉润提问于 2026-03-16 09:53:21 阅读 5

工具

我用Lighthouse跑分时提示“移除未使用的CSS”，但下面这段样式我在页面里确实用到了，比如 .hero-banner 类在首页首屏就有。是不是Lighthouse判断有误？还是我哪里理解错了？

.hero-banner {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  padding: 4rem 2rem;
  color: white;
  text-align: center;
}
.hero-banner h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

我已经确认 HTML 里有对应的元素，而且 DevTools 里也能看到样式生效了，但 Lighthouse 还是把它标成未使用。这到底该怎么处理？

我来解答赞 2 收藏

反馈

暂无解答