ul li { /* CSS样式 */ }
上述代码意思是选择ul元素下的所有li元素,并添加CSS样式。通常,大家会在ul元素上设置样式,同时为每个列表项设置不同的样式。
ul { /* CSS样式 */ } ul li { /* 共同样式 */ } ul li:first-child { /* 第一个列表项的样式 */ } ul li:last-child { /* 最后一个列表项的样式 */ } ul li:nth-child(2) { /* 第二个列表项的样式 */ } ul li:nth-child(odd) { /* 奇数列表项的样式 */ } ul li:nth-child(even) { /* 偶数列表项的样式 */ }
上述代码中,大家使用了伪类选择器,为不同的列表项设置不同的样式。其中,first-child选择器用于选取第一个子元素,last-child选择器用于选取最后一个子元素,nth-child选择器则可选取指定位置的子元素。
总之,CSS中的li选择器是一种非常实用的选择器,可帮助大家快速地美化HTML文档中的列表元素。