-
直接写filter:blur(var(--blur))失效是因为--blur必须定义为带单位的值（如4px），若为无单位数字或带引号字符串则静默失效；所有滤镜需在同一filter声明中空格分隔，变量更新须用dataset+requestAnimationFrame批量设置，避免覆盖与竞态。
-
:not(:first-child)更可靠，因其只对非首子元素生效，避免首项溢出、适配任意容器、不依赖JS、兼容SSR，且不受父容器display类型限制。
-
fixed元素相对于视口定位且脱离文档流，滚动时保持位置不变；需设置top/right/bottom/left偏移值才可见，但受transform/perspective/filter等属性影响而退化为相对父容器定位，并在移动端存在软键盘、滚动闪烁等兼容性问题。
-
本文详解如何利用CSS选择器精准控制元素悬停时的图标切换效果，重点纠正相邻兄弟选择器误用问题，提供可直接运行的代码方案与最佳实践。
-
老项目改响应式应聚焦关键断点、松绑固定宽度、组件级响应、class隔离新行为；优先适配375px/768px/1024px三断点，用max-width/rem/响应式图片/弹性布局/工具类渐进优化。
-
popovertargetaction是button或input[type="button"]上控制popover显隐的原生属性，取值为show、hide或toggle，需配合目标元素的popover属性生效；仅Chromium114+和Safari17.4+支持，Firefox截至2026年4月仍不支持。
-
<noframes>标签在HTML5中已被完全移除，仅存在于HTML4.01FramesetDTD中，用于为不支持框架的旧浏览器提供降级内容；现代开发应使用语义化布局、<noscript>、SSR及响应式设计替代。
-
Prettierv2.0+原生支持CSS，但需扩展名匹配且未被忽略或覆盖；执行npxprettier--parsercss--check可验证识别。
-
background-size:cover等比缩放图片完全覆盖容器并裁剪多余部分，保持原图比例；100%100%强制拉伸填满宽高，易导致变形。
-
核心是用auto-fit与minmax()配合实现列数自适应：auto-fit会收缩空列，避免卡片压扁；minmax(280px,1fr)设定列宽范围；gap统一控制间距，比margin更可靠。
-
Grid子元素默认等高，因align-items:stretch使子项拉伸至行高；避免align-self:start、固定height或IE11兼容问题即可保持等高。
-
本文详解如何通过修正CSSposition:absolute的定位属性，解决蓝色导航条在页面中随机错位的问题，核心是正确使用top或bottom而非混用导致布局失控。
-
flex-wrap:wrap在手机上没生效的主因是仅设display:flex而漏写flex-wrap，且子项不可收缩（如长单词、未设max-width的图片、min-width过大等），需同时设置flex-wrap:wrap、min-width:0、word-break:break-word及max-width:100%等协同生效。
-
BEM的block__element--modifier结构不可随意更改，因其绑定CSS权重与可维护性，确保样式作用域清晰、避免覆盖；block必须是独立功能单元，element不可嵌套，modifier仅描述状态或变体。
-
HTML5Canvas无原生colorCurve滤镜，需手动操作像素实现；通过getImageData()获取像素数据，用三个长度为256的查找表（LUT）分别映射R/G/B通道，逐像素查表重算，再用putImageData()写回。
