CSS部分 样式怎么会添加不了检查好几遍了
li{list-style: none;}
        #list{width:240px;margin:0 auto;border:1px solid black}
        #list h2,lis li{font-size: 18px;padding:5px};
        .lis li{border-bottom: 1px solod black; cursor: pointer;}

<ul id="list">
            <li class="lis">
                <h2>我的好友</h2>
                 <ul>
                     <li>张小三</li>
                     <li>张小三</li>
                     <li>张小三</li>
                     <li>张小三</li>
                     <li>张小三</li>
                     
                 </ul>
            </li>
            <li class="lis">
                <h2>企业好友</h2>
                 <ul>
                     <li>马化腾 </li>
                     <li>马化腾 </li>
                     <li>马化腾 </li>
                 </ul>
            </li>
            <li class="lis">
                <h2>黑名单</h2>
                 <ul>
                     <li>李四</li>
                     <li>李四</li>
                 </ul>
            </li>
        </ul>

---

建议用开发人员工具查看，是不是被父级元素覆盖活着被定义的全局样式影响了

---

最后一个solid拼写错了

---

list h2, lis li{font-size:}

这句应该改为：

list h2, .lis li{font-size:}

你漏了一个点，而且逗号后面要加一个空格

---

list h2,.lis li{font-size: 18px;padding:5px}; 是不是lis前面忘记加“.”了？