使用 BEM 和现代 CSS 选择器驯服级联
BEM。就像前端开发世界中看似所有的技术一样,以 BEM 格式编写 CSS 可能会两极分化。但它——至少在我的 Twitter 泡泡里——是更受欢迎的 CSS 方法之一。
就我个人而言,我认为……
BEM。就像前端开发世界中看似所有的技术一样,以 BEM 格式编写 CSS 可能会两极分化。但它——至少在我的 Twitter 泡泡里——是更受欢迎的 CSS 方法之一。
就我个人而言,我认为……
来自 Eric Bailey 的一些真正令人耳目一新的技术比较文章。就像,你知道的,生活中的一切,我们不必讨厌或爱上所有事物。我常说要像小熊维尼一样思考。利弊并存。这里每一个要点……
维护大型 CSS 项目很困难。多年来,我们见证了旨在简化编写可扩展 CSS 过程的不同方法。最终,我们都试图实现以下两个目标:
最近,围绕 Svelte 的炒作非常多,该项目在 GitHub 上获得了超过 24,000 个星标。可以说是最简单的 JavaScript 框架,Svelte 由 Rich Harris 编写,他是Rollup 的开发者。这里有很多……
有人可能会说,CSS 很容易,但这种“容易”会导致代码混乱。这在使用 Sass 或 Less 等预处理器的强大功能时尤其如此,如果你不小心,你的 CSS 会变得更难处理,而不是……
将 CSS 变量设置为主题设计系统可能很棘手:如果作用域范围太小,系统会失去一致性。如果作用域范围太大,你会失去粒度控制。
也许我们可以解决这两个问题。我想尝试将设计系统变量归结为两种类型:全局变量和组件变量。全局变量将为我们提供组件之间的一致性。组件变量将为我们提供粒度控制和隔离。让我以一个相当简单的组件为例,向你展示如何实现。
BEM(块元素修饰符)是一种流行的 CSS 类命名约定,可以使 CSS 更易于维护。本文假设你已经熟悉这种命名约定。如果不熟悉,你可以在getbem.com 上了解更多信息,以便……
Sass 中的 &
字符是独一无二的,因为它代表当前选择器。它随着嵌套而变化。假设你处于嵌套状态,但想要访问向上嵌套一点的选择器。诀窍是……