
伪元素
hover触发的transition不生效需检查三点:一是属性不可过渡(如display、height:auto),应改用opacity、transform或max-height;二是transiti...
应保留表单元素焦点指示,用:focus-visible替换:focus并设置可访问的outline样式;a标签虚线框同理处理;重置margin/padding需避免*通配符;视觉“边框”可能源于bor...
:hover边框失效主因是border增加布局尺寸导致重排;推荐用outline(无偏移但无圆角)、box-shadow(灵活兼容好,支持圆角/单边/内边框)或伪元素(精准控制形状动画)。
CSS中不存在:shown伪类,::placeholder仅用于样式化占位符文本;检测“未填写”应结合required属性、:user-invalid伪类及JavaScript校验。
IE8及以下不支持:nth-child()、:not()、:last-child、:first-of-type、[type="submit"]、h1+p、h1~ul;IE6仅支持基...
用border-color实现脉冲需固定宽度、以rgba透明度过渡;outline适合外扩式脉冲因不占布局空间;box-shadow更兼容且性能优;移动端卡顿主因是硬件加速未启用、关键帧过多及over...
在border-collapse:collapse模式下,CSS表格边框会按算法合并,导致深色边框被邻近浅色边框部分遮盖;本文提供两种可靠方案——使用绝对定位的::after伪元素配合border或b...
浮动会导致表单控件错位或父容器塌陷,清除浮动须作用于父容器而非子元素,推荐用overflow:hidden或伪元素::after;现代方案首选flex布局,天然不塌陷、对齐可控。
响应式图片切换异常主因是CSSmedia查询设置错误或HTML与样式未协同。正确做法是使用@media查询配合背景图或标签,确保断点覆盖目标设备宽度且路径正确;注意content:url()仅适用于伪...
SVG边框逐帧绘制最稳定,通过stroke-dasharray="LL"与stroke-dashoffset="L"(L为周长)配合requestAnimati...