前端技术文章
-
用两层 mask 和 mask-composite: exclude 做出渐变镂空边框，拆清遮罩层、组合关系、尺寸位置与圆角对齐，解决边框变实心或内容被裁掉的问题。253 收藏 -
CSS :has 不支持时，先用普通类名、属性和结构写完整基础样式，再用 @supports selector(:has(*)) 叠加父级增强；本文说明直接子代边界、:where() 优先级和状态同步方案。158 收藏 -
解释 CSS :has() 与 :is() 组合时参数选择器如何参与优先级计算，说明为什么后写的规则仍可能失效，并给出用 :where()、拆分选择器和级联层恢复可维护覆盖关系的方法。474 收藏 -
用 CSS :has(> ...) 让卡片只响应直接子元素的状态，理解后代匹配与直接子代匹配的差异，并处理多个状态、优先级和组件边界。111 收藏