前言 基本用法 使用自定义属性的第一步 自定义属性的继承 自定义属性的回调值 有效性和值 无效的变量会发生什么 通过js中获取到的css变量值 var()与rgba()配合实现复用变量 vue实战: 通过颜色选择器切换热力图主题颜色 前言 自定义属性（有时可以称为CSS变量或者层叠variables）是由CSS作者定义的实体，这些实体在一个do...

目录 MutationObserver概览 MutationObserver构造器 MutationObserver实战 MutationObserver概览 MutationObserver interface可以用来监测DOM树的变化。 MutationObserver 是旧的DOM3事件规范Mutation Events特性的一个替换。 在DOM事件触发的时候，会触发MutationObserver中传入的callback。 DOM监听是不会立刻开始的，...

在PostCSS官网有着这样的对PostCSS特性介绍，箭头后面是对应功能的插件及其github地址。 increase code readability → Autoprefixer Use tomorrow's CSS ,today! → postcss-cssnext The end of global CSS → postcss-modules Avoid errors in your CSS → stylelint Powerful grid CSS → lost →lost PostCSS是一款使用插...

在这篇【译】什么是CSS Modules ？我们为什么需要他们？的结尾处，明确指出CSS Modules不需要BEM，那么BEM到底是什么呢？ 下面我将把BEM官网的教程翻译出来，带领大家搞清楚前端领域的BEM到底是什么。 BEM - Block Element Modfier（块元素编辑器）是一个很有用的方法，它可以帮助你创建出可以复用的前端组件和前端代码 ...

原文地址：[链接]最近我对CSS Modules比较好奇。如果你曾经听说过他们，那么这篇博客正适合你。我们将去探索它的目的和主旨。如果你同样很好奇，敬请关注，在下一篇博文中我们将介绍如何使用CSS Modules。如果你想亲自尝试并且掌握如何使用，第三部分将会很适合你，这一部分剖析了如何在React环境中使用。

我们知道，rem可以用来控制字体大小，也就是font-size，那么rem也可以用在例如height和width地方吗，完全使用rem把px取代掉，可以吗？