Css !important formstyle.css 与 main.css 重叠一个 ul(没有类)

Question

我有一个网站，其中包含一个我无法更改的 CSS 文件 (main.css)。我需要找到一种方法来覆盖该文件中的所有 CSS 样式。

main.css 文件(必须保持不变)

ul { padding-left: 25px; }
ul li { list-style-type: square; }

我的自定义 CSS:

.personal ul { padding-left: 0px !important } 

有没有办法取消 main.css 文件的整个范围？

Answer 1

1. 此 css 适用于所有 ui

   ul { padding-left:25px;}
   ul li{ list-style-type: square; }
   

2. 尝试用class或id做不同的设置

   ul  .personal{ padding-left:25px;}
   ul  .personal li{ list-style-type: square; }
   

所以在 html 中确定你想要什么，它使用标准设置，它使用自定义设置.personal

    <ul > </ul> will use setting 1
    <ul class='personal'> </ul> will use setting 2