VISUAL EXAMPLE
先看懂它怎么工作
CSS
层 1选择元素
层 2计算层叠规则
层 3生成布局与绘制结果
MECHANISM
运行机制
- 选择元素
- 计算层叠规则
- 生成布局与绘制结果
USE WHEN
适合这样用
实现视觉层级、布局和设备适配
NOT FOR
不要这样理解
不要用大量互相覆盖的高优先级规则补丁
TELL YOUR AGENT
可直接发给 Agent
请按“CSS”的概念处理这个需求：让卡片对齐，手机上改成一列。先说明实现边界，再给出可检查的结果。ACCEPTANCE
怎么确认它真的做好了
主流视口无溢出，样式来源清楚且可维护
OFFICIAL SOURCES