-
相邻兄弟选择器（+）可实现无JS的元素联动，要求触发元素与目标元素同级且紧邻，通过:checked、:hover等状态控制后续元素样式，但无法反向选择或跨层级匹配。
-
闭包是函数式编程中实现声明式表达的核心机制，通过冻结依赖、支持纯函数、促进函数组合、封装只读局部状态，使函数兼具确定性与现实适应性。
-
JavaScript中字符串与Buffer转换需通过指定编码（如utf8、base64等）建立映射：字符串→Buffer用Buffer.from(str,encoding)，Buffer→字符串用buf.toString(encoding)，必须显式声明编码以防乱码或错误。
-
iOSSafari中mutedautoplay仍需用户手势才能可靠播放，因系统强制要求首次播放必须绑定真实用户交互事件，且play()须在事件回调中直接调用，不可延迟。
-
JavaScript函数参数均为按值传递：基本类型传值副本，修改不影响外部；引用类型传地址副本，可修改属性但不能改变外部变量指向。
-
writing-mode是切换文本流方向的布局机制而非视觉技巧；vertical-rl与vertical-lr区别在于竖排列序，需配合text-orientation、line-height、height等显式设置以避免错乱。
-
最常见的原因是页面未获焦点或监听绑定在非可聚焦元素上；需将监听挂载到document、为canvas设tabindex="0"并调用focus()，谨慎使用preventDefault()，移动端需监听resize/focusin并禁用缩放。
-
background-image不支持transition或animation平滑过渡，因非可动画化属性；可用opacity切换叠加层、background-position滚动、渐变色动画、伪元素分层等替代方案。
-
HTML中保留空格应优先使用CSS而非HTML实体；最常用的是 （不可换行空格），但多空格需重复书写，且语义上影响屏幕阅读器；其他如 、 兼容性差；对齐留白推荐用padding/margin，关键词间距宜用span加margin控制。
-
答案：通过background-image与background-clip:text结合-webkit-text-fill-color实现渐变文字。具体为设置线性渐变背景，用background-clip:text裁剪至文字区域，配合-webkit-text-fill-color:transparent使文字透明，从而显示背景渐变，需注意浏览器兼容性及回退方案。
-
本文详解在HTML中存在多个同名（name）或重复ID（不推荐）表单元素时，如何安全、高效地批量获取其值，重点介绍getElementsByName和querySelectorAll的正确用法及最佳实践。
-
hover时box-shadow不生效最常见原因是父元素overflow:hidden裁剪阴影或z-index层级异常；应检查overflow、z-index及transform触发的层叠上下文，并为默认状态设box-shadow:none以确保transition平滑。
-
是的，margin:auto在flex容器中会覆盖justify-content——它仅对flex项目生效，且在主轴有尺寸限制时按“均分剩余空间”分配，直接架空justify-content的控制权。
-
inline-block底部空白间隙源于基线对齐，vertical-align可解决；box-sizing:border-box需显式设置且不继承；混用line-height易致高度异常，推荐flex/grid替代布局。
-
禁用文本选中最简单有效的方法是设置user-select:none并添加各浏览器前缀；但该属性仅阻止视觉选中，无法真正防止内容被获取，需结合服务端鉴权等手段才能有效保护敏感数据。
