多个前端开发项目，如何避免样式冲突

Question

有时候引入别人写的组件，组件有.title样式，而父组件也有.title样式，导致冲突

想问大厂们的大神们是如何解决这个问题的？

Answer 1

1. 首先通用样式提取出去，要改这个文件时需要群里先通知一下，及时同步代码
2. 组件类名的命名请按照一定的方式进行，比如说加前缀什么的，不要太过简单，样式scoped属性带上

Answer 2

利用包含选择符的方式，列如：E F 选择所有被E元素包含的F元素。具体到你这个问题，就是为子组件做一个包裹。可以用到的方式有：

1. CSS Modules
2. styled-components