css选择器"first-child"的妙用

在网站开发的过程中，相信大多的前端技术员都有命名恐惧症。因为除了网页命名，css文件命名，js文件命名之外，还要对HTML里的大部分标签进行“class”命名，“id”命名，js的变量命名。这些命名不仅要符合命名规范，而且还不能起到冲突。在前端的实际工作中，主要最头疼的还是对标签的"class"进行命名。有的前端工作的时候，开头都还命名的好好的，后面就因为想不到该命名个什么东西，然后就各类比如：“cont1，cont2,cont3”就成了一种命名。为了减少前端的命名，我在这推荐“first-child”与“last-child”css的选择器供大家了解。

“first-child”与“last-child”是css2中就已经支持的选择器，在实际的网页制作过程中很实用，使用起来也非常的简单“first-child”与“last-child”指的是当前标签或者类的同胞同标签或者同类标签的第一个标签和最后一个标签，在遇到一个"ul"和"li"结构中，若第一个"li"元素需要特殊定义样式，那么我们就可以使用"ul li:first-child"来给第一个"li"来定义样式。而"last-child"的用法也是一样的。