选择器,说白了就是用一种方式把你想要的元素选中。把它选中,你才能操作这个元素的CSS样式。CSS中有很多把选择元素的方式,这些不同的方式就是不同的选择器。

在CSS2.1中,我们学习了以下几种选择器。

  • (1)元素选择器
  • (2)id选择器
  • (3)class选择器
  • (4)群组选择器
  • (5)层次选择器

上面这些都是CSS2.1中最基本的选择器,在这里就不详细展开了。在这一章中,我们只会给大家介绍CSS3相对于CSS2.1新增加的选择器。

在CSS3中,新增加了以下3大类选择器。

  • (1)属性选择器
  • (2)结构伪类选择器
  • (3)UI伪类选择器

刚刚学习CSS3的小伙伴在接触这么多选择器时,内心肯定会油然而生出一种怀疑:“学那么多选择器有用吗?平常那几个基本选择器就已经够用了啊,干嘛浪费时间去学那么多呢?”对于这种想法,我只能用两个字回答:“肤浅!”

实际上,CSS3中新增的选择器相对于CSS2.1基本选择器来说,用的机会可能会少一点。但是这些新增的选择器功能是非常强大的,有时可以帮我们轻松解决难题,极大地提高了开发效率。相信大家学完这一章,就会慢慢见识到的。