2 CSS3中的样式选择器
要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。选择器是CSS3中一个重要的内容，使用它可以大幅度提高开发人员书写或修改样式表的工作效率。在大型网站中，样式表中的代码可能会达到几千行，而当我们需要对样式进行修改时，在大篇CSS代码中，并没有说明什么样式服务于什么元素，只是在元素中使用了class属性。而class属性本身没有语义，它纯粹是用来为CSS服务的，属于多余属性，并没把样式和元素绑定起来，一个CSS类选择器，文本框可以使用，下拉框也可以使用，甚至按钮也可以使用，这样其实非常混乱， 修改时就不方便，所以CSS3中提倡使用选择器来将样式与元素直接绑定起来，这样的话，在样式中什么样式与什么元素相匹配变得一目了然，修改起来也很方便。不仅如此，通过选择器我们还可以实现各种复杂的指定， 同时也能大量减少样式表的代码书写量，最终书写出来的样式表也会变得简洁明了。那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。
24.png
25.png
