&:first-child { /* 应用在容器的第一个元素上 */ }
在上面的代码片段中,大家使用了`:first-child`伪类选择器,它会选中容器的第一个子元素。对于多个子元素的容器来说,这个选择器将会把第一个子元素与其它子元素区分开来。
大家可以用这个选择器来设置第一个列表项或者第一个段落的颜色或其它样式。
ul li:first-child { color: red; } p:first-child { font-size: 20px; font-weight: bold; }
在上面的代码中,大家分别针对了一个无序列表和一个段落应用了`:first-child`伪类选择器。第一个列表项的字体颜色将会变成红色,而第一个段落则将会设置成20像素的字体大小并加粗。
总之,`:first-child`选择器提供了一种简单且有效的方式来针对第一个元素应用特殊样式。无论你是针对单个元素还是一个元素的集合,这个选择器总是能够帮助你准确地选中第一个元素。