书接上文，学习完显示属性，再来学习选择器。同样的，我们先不用管CSS选择器细节 ，而是先整理问题，再有目标的学习。就像鲁迅说过：人生苦短，别TM浪费。
本质上说，CSS选择器的作用是 从树结构中标记N（N>=0)元素"。
事实上，树结构在我们的生活从无处不在，例如上小学的时候，一个学校简化结构就是：1学校-->N班级-->N小组--->N人。
那么，有以下几个问题怎么解决?
1、怎么找到一个具体的人？比如王小红
2、怎么找到具有某个特征的人？比如没戴红领巾的人
3、怎么按规律找人？比如前3名上台领奖
4、怎么在指定范围内找一个具体的人？比如找二年级3班的小红
以此延伸，同样能延伸很多问题。 先抽象出问题，再到CSS选择器中去找方法。
1、找具体的人——用ID选择器 id='王小红‘
2、找到具有某个特征的人——用class选择器class='noRedScarf'，或者属性选择器 [hasRedScarf=false]
3、找前3名——用nth-child选择器nth-child(-n+3)
4、在指定范围内找人——用子选择器#二年级3班 .小红
CSS3提供的选择器已经很多了，但是本质上都是在树结构中标记指定条件的元素，只要我们以此先归纳出抽象的问题，再去学习用哪个选择器，学习起来会会快的多。
当然，当熟悉常用的选择器后，再把所有选择器学习几次，也能更有效的掌握和使用
网友评论