~~~ <style> .item li{ /* 后代选择器 */ color: #0f0; } .item > li{ /* 子元素选择器 */ color: #f00; font-weight: bold; } </style> <ul class="item"> <li>一级菜单 <ul> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> <li>一级菜单 <ul> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> <li>一级菜单 <ul> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> </ul> ~~~ 效果：