如何解决css污染？默认样式都被框架自带的css给改掉了

Question

在写一个前端页面，用<ul><li>之类的标签时发现默认样式都被框架自带的css给改掉了，错乱不堪。但我也总不能为了一堆标签的默认样式再写一组默认样式的css文件吧？

PS:我是做php后端的，对前端不了解。

Answer 1

建一个css文件，放在amaze.css后面，然后自己定义类

Answer 2

避免被其他样式污染方法:

1. 与页面不同的样式命名或重载（容易被突破）。

2. shadow DOM。

3. <iframe>。

Answer 3

把你写的样式文件放在框架默认样式文件后面，优先级问题

Answer 4

1. 因为你自定义的css文件放在的框架css文件的上面引入

2. 自己写的css权重没有框架的权重大 比如框架是从父类开始 使用id等等