CSS伪类选择器性能不差，关键在使用方式；需谨慎使用:nth-child()、:nth-of-type()（大数据量动态操作时）、复杂嵌套:not()及向上查找的:has()；建议优先用类名替代、避免布局依赖动画、长列表用事件委托，并借助DevTools检测重绘。

HTML5不提供布局能力，真正起作用的是CSS伪类选择器配合Flexbox、Grid等布局机制实现动态样式控制；伪类仅匹配元素并应用样式，不能替代display/flex/grid等基础布局声明。

:nth-child和:nth-of-type行为不同：前者按子元素位置匹配，后者按同类型元素顺序匹配；:first-child与:first-of-type同理，一字之差可能导致完全不匹配。

边框颜色过渡生效的前提是元素已定义完整边框（含width和style），仅设border-color无效；正确写法为border:2pxsolid#ccc并配合transition:border-color0.3s。

使用:last-of-type可精准设置导航最后一个菜单项样式，如li:last-of-type{border-right:none;}去除右边框，相比:last-child更灵活，不要求元素为最后一个子节点，适用于同类型标签的末项样式控制。

必须按LVHA顺序定义a标签伪类：先a:link设置未访问样式，再a:visited定义已访问状态，接着a:hover设置悬停效果，最后a:active配置点击时外观；避免属性覆盖导致样式失效。

HTML5表格美化需按结构语义化、内联CSS基础美化、外部CSS模块化、斑马纹与悬停效果、响应式适配五步实施，涵盖标签规范、样式分离、交互增强及小屏优化。

PHP生成静态网页时列表项间距异常，需通过CSS的margin、padding、flexgap、伪类或CSS变量等方法调控：一、li设margin并重置ul/ol默认边距；二、ul/ol设padding配合lipadding；三、flex布局用gap属性；四、:first-child/:last-child微调首尾间距...

内联样式权重（1000）高于外部样式，但可通过!important、JavaScript移除或避免使用内联样式来覆盖；外部样式按引入顺序后载者优先；调试时用开发者工具查看被划掉的规则及来源。

PHP静态网页中统一设置超链接样式需用CSS伪类：一、内联CSS快速调试但优先级高；二、内部CSS集中管理并须按linkvisitedhoveractive顺序；三、外部CSS文件利于多页全局维护；四、类选择器实现导航、按钮等差异化样式；五、禁用下划线改用border-bottom过渡效果。

使用:nth-child(odd)可为CSS多列列表中的奇数项设置背景色，该选择器基于HTML顺序匹配第1、3、5…个子元素，结合background-color实现高亮，注意多列布局中DOM顺序决定选中项，与视觉列位置无关。

HTML5通过SVG标签原生支持可缩放不失真矢量图形，支持静态绘制、CSS样式控制、JavaScript动态修改、requestAnimationFrame驱动动画及声明式动画五种方式。