
伪元素
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖;本文提供两种可靠方案——使用绝对定位的::after伪元素配合border或b...
小屏表格横向溢出应优先降级为语义化块级布局(如grid/flex),或用卡片式垂直排列;若保留table,需外层容器加overflow-x:auto和-webkit-overflow-scrollin...
IE8及以下不支持:nth-child()、:not()、:last-child、:first-of-type、[type="submit"]、h1+p、h1~ul;IE6仅支持基...
最快但受限的方式是直接修改element.style,仅影响内联样式且需驼峰命名、显式单位;批量设置用Object.assign;优先用classList增删预设类;读真实样式用getComputed...
浮动会导致表单控件错位或父容器塌陷,清除浮动须作用于父容器而非子元素,推荐用overflow:hidden或伪元素::after;现代方案首选flex布局,天然不塌陷、对齐可控。
CSS中不存在:shown伪类,::placeholder仅用于样式化占位符文本;检测“未填写”应结合required属性、:user-invalid伪类及JavaScript校验。
box-shadow和filter:blur()动画卡顿是因为它们触发高代价重绘,无法走合成层;应改用transform/opacity动画、will-change提前升层(仅支持transform/...
float元素脱离文档流致父容器塌陷,后续内容“跑上来”;clear:both强制元素在所有浮动后显示,需加于浮动后的块级兄弟元素,配合BFC或伪元素.clearfix更可靠;新项目推荐Flex/Gr...
SVG边框逐帧绘制最稳定,通过stroke-dasharray="LL"与stroke-dashoffset="L"(L为周长)配合requestAnimati...
最直接方法是给自身添加border-bottom:1pxsolid#eee;,注意避免父容器overflow:hidden截断、媒体查询覆盖及暗色模式下颜色失效问题。