这段CSS选择器会不会导致性能问题？
我最近在优化一个老项目，发现有一段CSS用了很深层的嵌套选择器，页面元素一多就感觉卡顿。我查了下说是选择器复杂度会影响渲染性能，但不确定是不是这个原因。
我试过简化结构，但样式就乱了。这段代码是不是真的有问题？该怎么改才好？
.container .sidebar ul li a:hover span.icon {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
- 0
回答
4浏览
Lighthouse建议移除未使用的CSS，但我这段代码明明在用啊？
我用Lighthouse跑分时提示“移除未使用的CSS”，但下面这段样式我在页面里确实用到了，比如 .hero-banner 类在首页首屏就有。是不是Lighthouse判断有误？还是我哪里理解错了？...
- 2
回答
23浏览
如何为CSS文件设置合理的性能预算？
我们团队最近在做性能优化，想给CSS资源设置一个性能预算，比如限制主样式文件不超过100KB。但我发现即使我删掉了很多样式，打包后的CSS还是超了。是不是有些隐藏的开销没考虑到？ 比如下面这段基础重置...
- 2
回答
28浏览
使用cssnano压缩后样式错乱，如何排查配置问题？
我在项目里用PostCSS配合cssnano压缩CSS时，压缩后的文件导致按钮hover效果消失了。尝试过把preset设为"default"和"advanced"都没解决，控制台没报错但样式就是不对...
- 2
回答
108浏览
stylelint为什么检测不到PostCSS自定义属性的拼写错误？
我在用PostCSS处理CSS变量时遇到问题，stylelint没有报错但明显变量名拼写错了。比如下面这段代码： <style> :root { --main-color: #ff6b6b...
- 1
回答
43浏览
移动端CSS动画导致滚动卡顿，如何优化性能？
我在手机端用CSS transform做了一个元素缩放动画，但发现页面滚动时会出现明显卡顿。之前试过给动画元素加will-change: transform，但没太大改善，反而感觉更卡了？ 代码大概是...
- 0
回答
4浏览
Rome 打包时怎么处理 CSS 文件导入问题？
我用 Rome 构建项目时，JS 文件里通过 import './style.css' 引入了样式，但打包后发现 CSS 没被处理，页面没样式。查了文档也没找到相关配置，难道 Rome 默认不支持 C...
- 1
回答
13浏览
串行加载多个CSS文件会影响性能吗？
我在做代码分割的时候，把不同页面的样式拆成了多个CSS文件，然后用JS按顺序动态加载。但发现页面渲染变慢了，是不是串行加载的问题？ 比如我现在这样加载： /* page-home.css */ .ho...
- 2
回答
22浏览
代码 Review 时怎么判断 CSS 写得是否规范？
最近在团队做 Code Review，看到同事写的这段 CSS 有点拿不准要不要提意见，感觉写法不太规范但又说不上来具体问题在哪： .btn { background: #007bff; color:...
- 2
回答
18浏览
前端安全审计中如何评估CSS注入风险？
最近在做项目安全自查，发现用户能自定义主题色，但担心CSS注入问题。我用了类似下面的写法，这样安全吗？ .user-theme { --primary-color: ${userInput}; bac...
- 1
回答
24浏览
前端安全审计时怎么判断CSS有没有安全风险？
最近在做项目的安全审计，听说CSS也可能有安全问题，比如XSS之类的。但我一直以为CSS是静态样式，不会执行代码，所以有点懵。 我试过用一些在线工具扫描，但没报错。不过我们有个动态加载用户自定义主题的...
暂无解答