怎么快速排查冲突的css样式？？

Question

做了个头部文件，放在网页中样式失效~百度了下应该是样式冲突，那么问题来了~怎么排查是哪个样式命名冲突了呢？？？

Answer 1

在 chrome 浏览器中按 f12 会打开开发者工具，下图会有说明：由于图片被压缩不清楚，我在下面拆开来上传给你看：不懂可问，望采纳！

Answer 2

按f12，在Elements选项中点击你写的的头部文件元素上，就能看到相对应的css，如果不是你想要的css，说明冲突的就是这个啦