AMCSS

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程每个阶段提供云产品。立即开始使用 $200 免费积分!

“用于 CSS 的属性模块”

Glen Maddern 的想法,使用属性而不是类来移动样式。这不是一个全新的概念,但给它命名并解释围绕它的系统很有趣。想法

  • 它避免了命名空间。使用像“large”这样的修饰符通常是一个诱人的命名约定,但对于单独的类名来说太通用了。“Large”作为属性值会很好,例如 am-Button="large"
  • HTML 端更简洁,CSS 端更凌乱。
  • 技术上可能更慢的 CSS 选择器,但已经反复证明,除了极端情况外,这几乎没有区别。
  • 在构建具有变体的框架或模式库时,它可能最有意义。您的网站这些部分使用这种方法是可以的,而您的日常样式则不必。
  • 我喜欢它听起来像穴居人语言。<i am-Ogg="you jane.">

直接链接 →