Question

两个CSS中的变量冲突，有两个相同的li,ul，该如何修改

<style>
ul {
list-style: none;
padding: 0;
margin: 0 auto;
width: 42em;
height: 24em;
}
和另外一个冲突 如何修改

Answer 1

   方法有很多种，最简单的是一下方式,代码不是最少的，不便于重用，但是你的问题描述就这么多，仅仅解决问题是可以了。

1. 分别在html中给li,ul 加入class.比如

   
   

   
   

   <ul clas="ul-1"><li class="li-1"></li></ul>
   <ul clas="ul-2"><li class="li-2"></li></ul

     <style>
         ul.ul-1 {}
         li.li-1 {}
         ul.ul-2 {}
         li.li-2 {}
     </style>

Answer 2

给其中一个定义一个类，<ul class="aa"><li>单独定义aa类的ul</li></ul> 然后样式表中ul.aa{样式文件}。只是没有定义的类的ul就会执行ul{}的样式，而定义了aa类的就会执行ul.aa的样式

Answer 3

定义class