关于切页面的选择器的问题，nth-child(num)。求解惑！

Question

事情是这个样子的，且听我慢慢道来...

一直以来，在切页面的时候，我都是使用的那几个最基本的选择器。class名无可避免的起一大堆。
这几天，使用了一下nth-child()选择器，发现class名减少了很多。

我想问的是，大量使用nth-child()选择器的这种做法可取吗？有没有什么隐患（比如兼容性）？
哪些场合可以用，哪些场合不可以用？

希望大侠可以帮小弟答疑解惑！

Answer 1

推荐一个网站 caniuse.com
各项HTML、CSS新特性一查就知道了，比如说在这个网站上输入nth-child

Answer 2

ie8-不支持，移动端用没有问题。

Answer 3

nth-child()不建议滥用，其本身的可维护性差，不够灵活，布局稍微变下：比如往里面插一条标签语句，就得重排。如果是布局确定，不需要经常修改的情况，用它是ok的。

Answer 4

先不提性能上的事儿，如果结构不会变动，用nth-child还可以，要是变动大，那就比较糟糕了……到时候你会发现还不如刚开始直接给定类名来写样式。
关于性能，之前看过的一篇文章，可以参考参考。
http://blog.sina.cn/dpool/blo...