li
就表示ul
标签内部所有的li
都被选中来进行样式设置,前面表示他的父级,后面表示这个父级下的元素。
CSS中id是针对页面中唯一的一个标签的如你代码中的<div id="menu"></div>
class是针对页面中所有出现该class的标签<div class="menu"></div><ul class="menu"></ul>
#menu {} 是为id为#menu的标签定义样式
#menu ul{}是为id为#menu的标签下的<ul></ul>标签定义样式
#menu li{}是为id为#menu的标签下的<li></li>标签定义样式
#menu li a: hover{} 是为id为#menu的标签下的<li></li>标签下的<a></a>标签定义活动样式
每个样式都是有针对性的,乱放肯定会没用,比如 #menu li a: hover{} ,如果 是为id为#menu的标签下的<li></li>标签下没有<a></a>标签,那这个样式就没用任何的用