css伪类of-child

css中的伪类帮助我们更好地控制HTML元素，针对子元素特别多的话，使用:of-child就非常方便。

ul li:first-of-child{   
     color:blue;  
}

这个例子中，我们让一个无序列表中的第一个li元素颜色变为蓝色。

table tr:nth-of-child(2n+1){  
     background-color:gray;  
}

这个例子中，我们让表格中的奇数行的背景色变为灰色。

nav li:last-of-child{  
     border:none;  
}

这个例子中，我们让导航栏中的最后一个li元素边框为none。

我们可以看到，使用:of-child伪类，可以灵活控制某些子元素的样式，非常方便。