-
是，但仅在特定场景下显著；*出现在选择器开头最危险，如*[aria-hidden="true"]或*>.tooltip会强制遍历整个DOM树，而受父级限定时影响很小。
-
预处理器提升代码可维护性，支持变量、嵌套与混合宏；2.PostCSS通过插件实现自动前缀、压缩与现代语法兼容；3.构建流程中先编译预处理语法再由PostCSS转换优化；4.Webpack配置需注意加载器顺序，确保sass-loader先执行，postcss-loader后处理标准CSS。
-
用element.closest配合dataset可实现轻量可靠的全局点击追踪：在顶层监听click，用closest('[data-track]')一步定位带标识元素，通过dataset提取语义化动作与上下文参数，支持容器校验、空值防护及兼容性处理。
-
Bootstrap5Tabs淡入需为每个tab-pane同时添加fade、show和active类，并配transition；data-bs-toggle替代data-toggle；href或data-bs-target必须与tab-paneid严格一致。
-
.container.item比.container-item慢，因前者需从右向左匹配所有.item并逐个回溯祖先是否含.container，而后者为单类名哈希查找、无回溯；BEM等扁平命名本质是绕过层级匹配而非仅规范命名。
-
Tailwind4.1原生支持text-shadow类，≤3.x需用@designbycode/tailwindcss-text-shadow插件；自定义须通过theme.extend.textShadow，避免覆盖内置配置，并注意深色模式适配。
-
poster属性仅支持同源静态图片路径，不支持网络地址、空字符串或DataURL；本地file://协议下失效；需确保HTTP200响应及正确MIME类型（image/jpeg或image/png），推荐使用相对路径且尺寸匹配视频分辨率。
-
最可靠方案是部署到GitHubPages、Vercel或Netlify获取HTTPS链接；file://仅限本机，HTTP本地服务需同局域网且不支持HTTPS功能，微信/QQ等App会拦截非HTTPS链接。
-
URL.createObjectURL()仅创建Blob的临时访问链接，无法生成Excel文件；真正导出需先构造符合.xlsx格式的二进制数据（依赖SheetJS等库）或规范CSV字符串。
-
AJAX天然支持异步请求，问题源于XMLHttpRequest.open()第三个参数设为false导致同步阻塞；正确做法是设为true并配对onreadystatechange与readyState===4且status===200判断；现代推荐使用默认异步的fetchAPI。
-
违反id全局唯一性规范会导致document.getElementById()仅返回第一个匹配元素，其余同名id不可见；CSS样式、锚点跳转、ARIA关联、表单标签、水合渲染及第三方脚本均会失效或错乱。
-
看不见::after分隔线最常见原因是未设置content:""，且需定义尺寸和样式；水平分隔线贴右侧可用绝对定位+垂直居中；多元素共用分隔线应由父容器统一绘制。
-
浏览器已限制beforeunload事件的自定义提示，仅显示内置中立提示；需通过isDirty标志判断脏状态后返回字符串触发，推荐用addEventListener绑定，并采用顶部提示栏、二次确认或自动保存等更友好方案替代。
-
必须在<html>上设dir="rtl"才能确保整页RTL正确生效，否则<input>光标、Tab焦点流、flex主轴起点、滚动条位置等均会错乱；局部加dir="rtl"仅影响该元素内UBA上下文，不改变表单控件行为与布局逻辑。
-
最稳的图片网格写法是display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)));，配合img{width:100%;height:auto}和loading="lazy"及<picture>现代格式。
