Zeka 的记事本

2021 年 11 月

在 2021 年 11 月 18 日说： CSS

使用 CSS Module 非常爽，这意味着你可以随心所欲的写出：

.btn {
    .red {
    	color: red;
    }
}

但是当你遇到 UI 框架，Module 编译的 Scope css 对框架内固定的 className 无效，所以需要使用 prefix 解决。

// React
.btn {
	global(.framework-red) {
		color: red;
	}
}

// Vue
.btn {
	::v-deep .framework-red {
		color: red;
	}
}