/* 选择第三个li */ li:nth-child(3){ background-color: gray; color: white; }
上面的代码中,大家使用了nth-child(3)来选择父元素中的第三个子元素(即第三个li),然后定义了其背景颜色为灰色,字体颜色为白色。
需要注意的是,nth-child(n)是从1开始计数的,也就是说如果大家想选择第一个子元素,应该写成:nth-child(1)。而如果要选择最后一个子元素,可以使用:last-child选择器。
首页 >
/* 选择第三个li */ li:nth-child(3){ background-color: gray; color: white; }
上面的代码中,大家使用了nth-child(3)来选择父元素中的第三个子元素(即第三个li),然后定义了其背景颜色为灰色,字体颜色为白色。
需要注意的是,nth-child(n)是从1开始计数的,也就是说如果大家想选择第一个子元素,应该写成:nth-child(1)。而如果要选择最后一个子元素,可以使用:last-child选择器。