按照从上到下，从右到左的顺序解析。例如：
.list a {color:blue}先解析到 a 标签，并将页面上所有 a 标签的字体颜色都按照 color:red 进行渲染（蓝色），再解析到 .list ，将页面上所有 .list 类目下的 a 标签的字体渲染成蓝色。是的，你没有看错，浏览器解析CSS从来就是这么苦逼。
a标签是内联标签，ul是块级标签
内联元素 只能放文本及其他内联元素，要想放置其他块级的元素，要把他的display改成block（或者inline-block），但是a标签里嵌套a标签的话，就肯定会出错啊.....
上面的代码，完全可以吧ul放到a外面啊
<ul><li><a href='###'>首页</a></li>
<li>
<a href='###'>各个系统查询</a>
<ul>
<li><a href='###'>张三</a></li>
<li><a href='###'>李四</a></li>
</ul>
</li>
</ul>
css 样式是css渲染引擎解析的 如 style="color:red"html标签属性是html解析的 <input name="email" autoComplete="off"/>
html标签属性难以重复使用，多个页面想达到一样的效果需要针对单独页面添加标签
css样式则可以被多个页面调用，更加方便，易于维护和管理
