-
答案：:nth-child(an+b)可按周期a和偏移b为元素设置循环样式，如3n+1选第1、4、7…项，常用于隔行变色；需注意同级子元素计数受其他标签影响，可用:nth-of-type或结合类名提高准确性。
-
setTimeout和setInterval在JavaScript中的主要区别是：setTimeout是一次性执行的定时器，而setInterval是循环执行的定时器。setTimeout用于延迟执行一次性任务，如显示提示信息或初始化操作；setInterval用于定期执行任务，如数据更新或计时器。两者各有优缺点，需根据具体需求选择使用。
-
PostCSS通过插件如postcss-preset-env或postcss-custom-properties将CSS变量转换为静态值以兼容旧浏览器，支持变量展开与保留，需注意动态变量的灵活性损失及生产环境的合理配置。
-
可通过CSS的border属性配合dashed关键字实现虚线边框，支持简写、分项控制、渐变模拟、前缀兼容及响应式适配五种标准写法。
-
根本原因是桌面端grid声明直接照搬小屏，导致列宽不足；必须用移动优先+媒体查询分层控制列数、gap和span，并确保子元素也响应式。
-
ServiceWorker是运行在浏览器后台的可编程代理层，能拦截网络请求、精细控制缓存、支持离线访问与后台任务，从而提升首屏速度、减少重复下载、实现平滑降级和预加载协同。
-
通过语义化HTML结构分离导航与主体内容，为<main>设置max-width，同时保持<nav>宽度为100%，即可实现导航栏横跨整个视口、主体内容居中且宽度受限的布局效果。
-
JavaScript属性描述符是控制对象属性行为的配置项，分为数据描述符（含value/writable）和访问器描述符（含get/set），互斥；含enumerable、configurable、writable等布尔标志，用Object.defineProperty设置、Object.getOwnPropertyDescriptor查看。
-
相邻选择器（+）用于选中紧跟其后的同级元素，如h2+p；兄弟组合选择器（~）作用于同一父容器中其后所有同类元素，如input:checked~label；结合后代、子及兄弟选择器可实现复杂结构控制，如.menu-item.active+.submenu显示折叠菜单，或articleh2+pstrong突出引言关键词。应用时应避免过度嵌套，保持简洁，优先用类名控制状态，并结合开发者工具调试兼容性与命中情况，提升样式维护效率与开发体验。
-
<p>HTML5注释语法为<!--注释内容-->，用于标注结构、说明功能或临时屏蔽代码；最佳实践包括匹配闭合、避免冗余、及时更新和不嵌套注释；结合文档工具可提升项目可维护性。</p>
-
正确设置CSStransition属性可解决列表项颜色切换慢的问题。1.为color属性添加transition，如transition:color0.2sease；2.控制过渡时间在0.1s~0.3s之间，推荐0.15s；3.使用mouseenter等高效触发方式提升响应速度；4.分别定义color和background-color的transition，避免使用all，提升性能。
-
本文介绍一种简洁可靠的JavaScript方案，通过为菜单项和内容区块建立类名/ID映射关系，实现单击切换显示指定内容、自动隐藏其他内容的效果，彻底解决因<a>标签默认跳转导致的“闪退”问题。
-
AJAX是一种异步JavaScript技术，核心是后台发起HTTP请求并局部更新页面；现代实现方式包括FetchAPI（推荐）、XMLHttpRequest（兼容性好）和Axios（功能增强）。
-
:empty选择器用于选中无内容的元素，包括无文本、子元素、空格或换行符；适用于设置占位样式、隐藏空元素及表单校验，但含空格即不被识别为“空”，注释不影响其状态，可结合其他选择器精准控制样式。
-
不能直接拆到单独CSS文件；浏览器的linkmedia属性仅控制是否下载文件，不实现响应式生效，需通过构建工具逻辑分离+编译聚合，或用Sass/PostCSS封装断点混入统一管理。
