-
:first-child:last-child仅匹配父容器中唯一子元素；需差异化处理首尾时应分开使用，避免混淆:first-of-type；注释等节点会影响匹配，布局间距控制是其典型用途。
-
typeof用于判断基本数据类型，返回字符串表示的类型；instanceof用于判断对象是否是某个构造函数的实例，通过原型链查找。1.typeof可识别基本类型如"string"、"number"、"boolean"、"symbol"、"bigint"、"undefined"、"function"和"object"，但typeofnull返回"object"是历史遗留问题；2.instanceof沿原型链检查对象是否为构造函数的实例，适用于自定义类和继承场景，如判断数组或继承链中的对象；3.typeof更
-
外部CSS在维护性、复用性、协作和性能上优于内联样式。1.维护成本低，修改一处全局生效；2.支持类选择器实现样式复用；3.分离结构与表现，利于团队协作；4.可被浏览器缓存，提升加载效率。
-
border-width本身不能单独显示边框，必须配合border-style和border-color（或使用border简写）才能生效；支持像素值、相对单位及thin/medium/thick关键字，但后者像素不固定；推荐用border简写确保完整定义，响应式场景宜用box-shadow或clamp()替代固定像素。
-
section表达有主题、可独立理解的内容区域，必须含标题；div是无语义布局容器，仅用于样式或脚本。滥用section会破坏语义结构。
-
父级高度塌陷源于absolute元素脱离文档流，解决关键是让父级感知子元素或主动撑高；常用方法是设position:relative提供定位上下文，但需配合内容、padding、min-height等确保高度来源。
-
本文介绍如何通过CSS媒体查询精准控制桌面端图片大小，解决“移动端适配良好但桌面端图片过大”的常见问题，同时保持响应式结构不被破坏。
-
CSS颜色表示方式有五种：1.颜色关键字如red、blue；2.十六进制值#RRGGBB或#RGB，支持#RRGGBBAA透明度；3.rgb()函数用0-255或百分比定义，rgba()支持透明；4.hsl()基于色调饱和度亮度，hsla()支持透明；5.新语法支持rgb/hsl直接加alpha，如rgb(25500/50%)。
-
当家族树节点名称过长或分支过多时，CSS默认布局会导致内容重叠或截断；通过为li元素设置width:max-content，可强制其宽度适配最长子内容，并配合容器溢出处理实现水平滚动。
-
面包屑导航的HTML结构通常在header.html、index.html或主布局文件中修改，位于<navaria-label="breadcrumb">或class="breadcrumb"的<ol>/<ul>容器内。
-
本文介绍如何通过分离DOM容器+显隐控制替代empty()清空操作，彻底解决ApexCharts切换时的闪烁问题，并提供简洁可维护的菜单驱动图表加载方案。
-
Symbol是JavaScript中创建“私有”属性名的唯一原生方式，但仅适用于添加非干扰元数据；其键不可枚举、不被JSON.stringify序列化，却可通过Object.getOwnPropertySymbols获取；Symbol.for()实现全局复用，Symbol.iterator则强制用于自定义迭代协议。
-
通过HTML<fieldset>的原生disabled属性，可一键禁用其内部所有可交互表单控件（如input、button、select、textarea），且不影响各控件原有逻辑状态，无需逐个修改disabled属性。
-
实现图文混排平滑过渡的关键是使用CSStransition属性，配合hover触发transform和opacity等支持硬件加速的样式变化，如图片缩放、文字淡入、布局宽度调整及滤镜效果，通过合理设置过渡时间与缓动函数，确保动画流畅且布局稳定。
-
移动端表单体验优化需重点解决间距过紧、输入框过矮、点击区域过小问题：输入框设height:44px、padding:12px16px、font-size:16px并加box-sizing:border-box；表单项间设margin-bottom:20px，label与input间留8px；自定义控件用label包裹并设padding扩大点击区；统一font-family和font-size，加-webkit-text-size-adjust:100%防缩放。
