-
-webkit-line-clamp仅在display:-webkit-box且-webkit-box-orient:vertical时生效，缺一不可；Firefox不支持，需JS回退；现代CSSline-clamp仍需前缀或实验性启用。
-
图片不居中是因浏览器默认inline样式导致，需设display:block;margin:0auto;或父容器display:flex;justify-content:center;，denoserve不干预样式与响应头。
-
window.name适合存临时业务数据，因其生命周期与窗口绑定、跨域可用、不参与HTTP请求；但仅支持字符串、有容量限制且同域iframe共享，故适用于非敏感、临时、结构简单的数据。
-
Promise是对异步操作的标准化封装，核心判断标准是结果是否在未来某个时刻获得且有明确成功/失败状态；纯同步计算或立即完成逻辑不应使用Promise。
-
用position:absolute贴飘带需父容器设position:relative；左上角用top:0;left:0;transform-origin:topleft;skewX(-20deg)；右上角用top:0;right:0;transform-origin:topright;skewX(20deg)；z-index设1–2，pointer-events:none，并加translateZ(0)防闪烁。
-
DllPlugin通过预编译第三方依赖为DLL并配合DllReferencePlugin引用，跳过重复构建流程以提升速度；需分步配置DLL构建与主构建引用，注意版本更新同步、Git忽略DLL文件及HMR限制。
-
align-self在多列文字中不起作用，通常因父容器未设为flex容器或子元素非直接子节点；需确保display:flex、检查computedstyles、区分align-items与align-self作用范围，并注意IE11兼容性问题。
-
:active伪类仅在鼠标按下未松开或触控持续时生效，无法实现点击后持久高亮；正确用法需紧跟:link/:visited后、避免复杂选择器；持久状态应通过class、:target或路由逻辑实现。
-
正确处理Flexbox溢出需结合overflow:hidden与flex属性，关键在于设置子元素min-width:0、flex:1及text-overflow:ellipsis，确保内容可收缩且文本溢出时截断，尤其在嵌套布局中更应规范使用以避免撑开容器。
-
使用统一颜色格式（如hsl或rgb）、避免混合表示法，采用cubic-bezier缓动函数优化过渡，推荐transition替代animation实现hover颜色动画，提升流畅度并减少闪烁。
-
ConsultingLite不支持旧式align属性，仅响应class="alignright"等原生CSS类；其默认用float实现图文环绕，但易受父容器布局或媒体查询干扰，推荐改用CSSGrid/Flex手动封装以确保稳定。
-
CSS变量（CustomProperties）是主题切换的正确方案，HTML无原生变量；data-属性仅作标记，需配合CSS选择器或JS生效；:root与[data-theme]组合最稳妥；var()必须设回退值；localStorage恢复需在CSS解析前完成。
-
Less中直接写@keyframes会因无去重机制导致重复编译，生成多份相同关键帧；应统一收口至独立文件，用无输出mixin封装调用。
-
纯CSS链接图标必须用::after伪元素实现，需设display:inline-flex/inline-block、content非空，优先用Unicode符号；外链/PDF/邮件等靠属性选择器静态匹配；须配vertical-align:middle和margin-left对齐，并添加title或aria-label保障无障碍。
-
本文详解如何在React多题型测验应用中，为每个问题的选项实现独立、互斥的背景高亮——即用户点击某选项时仅该题内该选项变色，其他题目不受影响，且同一题内再次点击不同选项时自动取消前一个高亮。
