block 代表了更高级别的抽象或组件。 block__element 代表.block的后代，用于形成一个完整的.block的整体。 block--modifier代表.block的不同状态或不同版本，用于修饰。

多行文本溢出...

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

一. 基础 二. 运算 1. 除法 四. 带参数的mixin 可以在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值，此时，如果变量已经被赋值，不会再被重新赋值，但是如果变量还没有被赋值，则会被赋予新的值。

在之前两篇文章中我们已经讨论过如何使用 BEM 和 Namespace 来编写模块化的 CSS。这篇文章中，我想避开把 CSS 选择器作为 CSS 文件结构和组织的依据的方法。 如果你思考过关于什么是文件组织的最佳实践，或者怎样能够在项目目录中更容易的找到你要找的 CSS 文件，或者一个文件应该是多大或者多小合理等问题，那么这篇文章就是为你写的。

使用typescript无非就是因为它的代码约束和提示能力. 以react为例: 正如一开始所说, 使用typescript无非就是因为它的代码约束和提示能力, 那么, 第三种才是我们的最优解. typings-for-css-modules-loader是一个webpack …

Sass 也是 Bootstrap 4 运行的基础。这意味着为了理解如何操作引导代码而学习Sass是非常有帮助的，而不是覆盖代码(这是大多数开发人员的定制方法)。理解Sass可以更好地理解源代码级别的工具。 当使用CSS时，我们经常在一个全局环境设置，这样可能会错误地设置元素的…

Sass能够将代码分割成多个片段，并用underscore风格的下划线作为其命名前缀(_partial.scss),Sass会通过这些下划线来辨别哪些文件是Sass片段，并且不让片段内容直接生成为css文件，从而只是在使用@import指令的位置被导入。css原生的@impor…

SASS: 简单点，写 BEM 的方式简单点