泡澡的时候总能想清楚一些白天卡住的问题。这次是 @layer。
@layer reset, base, components, utilities;
@layer components {
.btn { padding: .5rem 1rem; }
}
@layer utilities {
.p-0 { padding: 0; }
}把第三方样式整个放进最低的层，自己的组件就再也不用和选择器优先级打架了。!important 在层里的顺序是反过来的，这一点第一次看会有点绕。
お風呂は大事。