CSS3中的关系选择器主要包括子代选择器和兄弟选择器,其中子代选择器由符号连接,兄弟选择器由符号“+”和“~”连接,具体如下所示。
(1)关系选择器
例如: h1>strong
说明:表示选择嵌套在h1标记的子标记strong。
(2)临近兄弟选择器
例如: h2+p
说明:表示选择h2标记后紧邻的第一个兄弟标记p。
(3)普通兄弟选择器
例如:p~h2
说明:表示选择p标记所有的h2兄弟标记
总体看一下CSS发展的历史。
1. CSS 1:
1996年12月,CSS 1 (Cascading Style Sheet, level 1)正式推出。在这个版本中,已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。
2. CSS 2:
1998年5月,CSS 2(Cascading Style Sheet, level 2)正式推出。在这个版本中开始使用样式表结构。
3. CSS 2.1:
2月,CSS 2.1(Cascading Style Sheet, level 2 revision 1)正式推出。它在CSS2的基础上略微做了改动,删除了许多诸如text-shadow等不被浏览器所支持的属性。
现在所使用的CSS基本上是在1998年推出的CSS2的基础上发展而来的。前在Internet刚开始普及的时候,就能够使用样式表来对网页进行视觉效果的统一编辑,确实是一件可喜的事情。但是在这间CSS可以说是基本上没有什么很大的变化,一直到终于推出了一个全新的版本—CSS 3。
来源:《HTML5月CSS3权威指南》(下册)
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。