与“ul”相关的TAG标签

应避免CSS选择器嵌套超过三层，因其导致特异性过高、维护困难、结构脆弱、重构易失效且影响渲染性能；推荐采用语义化类名、BEM规范、属性选择器及scoped样式等方案优化。

页面空白过多源于浏览器默认样式、flex布局未约束容器高度、line-height设置不当及margin使用不合理；应统一CSS重置、合理设置容器高度与gap、优化行高与对齐方式。

纯HTML+CSS可快速搭建可用、可访问、可部署的个人页面，关键在于语义化结构、图片alt规范、链接有效性、字体与响应式设计。

元素实际宽度超设置值主因是box-sizing默认为content-box，此时width仅含内容区；改用border-box后width包含content+padding+border；需排查min-width/max-width、flex收缩、未重置margin及transform缩放干扰。

空格是CSS后代选择器的组合符，表示左边元素内部任意层级的后代元素。它匹配所有深度的嵌套关系，如.cardp可选中孙子、曾孙级p元素，不可省略或替换为其他空白字符。

下拉菜单偏移错位的根本原因是未给直接父容器设置position:relative，导致absolute定位向上查找已定位祖先元素；应为父容器设position:relative，并用top:100%配合left:0实现精准对齐。

面包屑导航不应直接用包裹，而应使用并为当前页链接添加aria-current="page"；分隔符需用aria-hidden="true"隐藏，确保键盘与屏幕阅读器可访问。

:nth-child()的“序号”指元素在父元素所有子节点中的绝对位置（从1开始），与类型、可见性、类名无关；如中ABC，第二个li是第3个子元素，需用li:nth-child(3)。

:not()仅支持简单选择器，禁用嵌套伪类与复杂选择器；其否定逻辑影响性能与可读性，适合稳定少例外场景；与:is()混用需注意权重和兼容性。

根本原因是未区分“元素自身留白”（padding）与“元素对外距离”（margin）：padding影响背景/边框范围，margin不参与自身渲染且会合并；应统一用margin-bottom单向控制或改用gap、padding，并通过CSS变量规范间距。