-
input[type="text"]的border和background怎么改才生效直接写input{background:#f0f0f0;border:1pxsolid#ccc;}大概率没反应——不是代码错，是浏览器默认样式优先级更高，尤其在Chrome/Firefox对表单控件做了强UA样式保护。必须用!important或提升选择器权重，更稳妥的是加appearance:none;剥离原生渲染逻辑：input[type="text"]{appe
-
不能。placeholder绝对不能当label用，因其缺乏语义权重、不被屏幕阅读器稳定播报、未进入无障碍树，且W3C明确禁止替代label；必须使用显式label或aria-label确保可访问性合规。
-
去掉ul的圆点和缩进需同时设置list-style:none、margin:0、padding:0；li间距问题多源于ul的margin-bottom或inline-block空隙，推荐用font-size:0或gap控制；全局reset副作用大，应按需局部重置。
-
能，border-color支持四值语法按顺时针设上右下左不同颜色；单边改色需配合border-style（如solid），或直接用border-top-color等单边属性更稳妥可靠。
-
全屏遮罩层在Bootstrap中无法靠class自动实现，必须手动写CSS；因.modal非全屏、z-index易被覆盖、display依赖JS控制，且.modal-backdrop为独立节点，故需用position:fixed+100vh+足够z-index手动构建。
-
支持transition的CSS属性需满足可计算、可插值，如opacity、transform、color、width（带单位）、background-color；display、height（auto）、font-family等不可插值属性无效。
-
本文介绍一种安全、可靠的短语级文本替换策略，通过两阶段占位符机制避免子串误匹配（如“Telephone”被错误匹配到“Mobiletelephonenumber”中），确保长匹配优先、HTML安全且可扩展。
-
优先用transform:translateY()实现图标hover浮动，避免position+top/left触发重排；transition必须写在常态元素上；移动端需补充:active或JStap反馈。
-
主题颜色变量未生效的四大原因：变量定义位置错误、构建流程未读取新配置、CSS选择器权重不足、运行时主题切换未清除旧样式缓存，需逐一排查。
-
list-style-type支持disc、circle、square、decimal、lower-alpha、upper-alpha、lower-roman、upper-roman、none等值，其中disc/circle/square/decimal/lower-alpha/upper-roman跨浏览器稳定；armenian/georgian等多语言值兼容性差，常回退为decimal。
-
前端性能稳定性保障体系由加载容错、错误捕获、监控告警、自动回滚四层闭环驱动；loadScriptWithFallback需支持三级可配置回退（主CDN→备CDN→同域本地）、失败后走reportError+triggerFallback而非直接reject、记录网络类型与UA用于分析，并在成功fallback后上报resourceFallbacked事件同步运行态版本。
-
浮动元素撑不开父容器时，应优先用overflow:hidden或auto触发BFC；左右浮动间距不一致需统一margin侧向设置；清除浮动后空白由清除元素的盒模型属性引起，应用伪元素并设height:0等属性消除；移动端应避免依赖浮动，改用响应式布局。
-
position:sticky在原生表格元素上默认不生效，因表格渲染模型与sticky的定位上下文机制冲突；仅现代Chrome支持th/td的top:0吸顶，tr和Firefox均不支持；可靠方案是用div+sticky模拟表头吸顶，并严格同步列宽。
-
backdrop-filter:blur不生效主因是元素无透明背景、背后无内容可模糊、父容器裁剪采样区域；需设rgba半透背景、确保层叠上下文完整、加-webkit前缀兼容Safari，Firefox需降级fallback。
-
Bootstrap5明确放弃IE（含IE11）支持，因其缺失CSS自定义属性、标准flex/grid、IntersectionObserver等核心能力，且无可靠polyfill可补全，官方自Alpha版起已移除所有兼容逻辑。
