一个页面引用多个文件，如何防止样式冲突？

一个页面引用多个文件，如何防止样式冲突？ 编码层面：

1、定制规则：不同的样式文件表，增加不同的前缀。
2、按照功能区分文件：不同的文件样式表，针对页面不同的部分写样式，通过样式层级的方式，确认样式的边界。（例如header部分：#header p { }，footer部分：#footer p { }）。

工具层面：

1、postCss的使用
2、vue中scoped、react中的css module配置等等