大家如何解决多个 css 库的命名冲突问题

[turtlekey]

如题。前端小白。今天早上发现 bulma 和 fullpage 都使用了'section'这个类名，顿时感觉不妙，于是查到了以下可能的解决方法：

• 调整 css 文件的加载顺序(已实践，失败）。
• 改动 scss 源文件，给祖先元素设置类，变相实现作用域（未实践，觉得不太优雅，哈哈）。

请问各位彦祖有什么更好的方法吗？前端发展速度太快，想找到一个可能存在的优雅之法。

在此先行谢过🙏🏼。

[Biwood]

fullpage 可以自定义类名，用 sectionSelector 设置一下，换个别的类名就好，而且 fullpage 自带的 css 根本没有 .section 类名样式，它有自己的命名空间，不会冲突

[Cbdy]

https://gist.github.com/cbdyzj/b52c2d9383d43b8e327c20a534269dfe

[gauzung]

这些使用广泛的库居然不做类名防冲突的操作吗？比如.bulma-section ，太草率了吧