在讲述css3选择器之前,我们先来大概的了解一下css3的发展史,这样大家就知道所谓的css3到底是什么了。
HTML的诞生于20世纪90年代初,1996年底,CSS第一版诞生,1998年5月,CSS2正式发布,2004年,CSS2.1发布,2002-2010年,陆续发布部分css3新增属性。CSS1 中定义了网页的基本属性:字体、颜色、基本选择器等。
CSS2中在CSS1的基础上添加了高级功能,浮动和定位、高级选择器等(子选择器、相邻选择器、通用选择器。
CSS3遵循的是模块化开发。发布时间并不是一个时间点,而是一个时间段。
CSS是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。在深入研究CSS选择器之前,我们应该先搞懂CSS优先级是如何工作的。比如给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候CSS选择器优先级的问题了。
一、css选择器回顾:
1(1)通用选择器:* 选择到所有的元素;
2(2)选择子元素:> 选择到元素的直接后代
3(3)相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素
4(3)普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素
5(4)伪元素选择器:
6::first-line 匹配文本块的首行
7::first-letter 选择文本块的首字母
8(5)伪类选择器: