使用属性选择器进行响应式样式
在实施基于类的原子样式时,我们面临的挑战之一是,它通常依赖于特定断点以提供上下文。我们可以为每个断点添加前缀。这在添加多个类之前效果很好。但当我们开始添加多个类时,就会变得难以跟踪什么与什么相关,以及在何处添加、删除或更改内容。
Rik Schennink 文档 用于编写 CSS 选择器以在页面滚动到特定位置时为页面设置样式的系统。如果您像我一样,您可能已经在寻找 document.addEventListener('scroll' ...
并对…感到恐惧。