CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。
（1）关系选择器
例如： h1>strong
说明：表示选择嵌套在h1标记的子标记strong。
（2）临近兄弟选择器
例如： h2+p
说明：表示选择h2标记后紧邻的第一个兄弟标记p。
（3）普通兄弟选择器
例如：p~h2
说明：表示选择p标记所有的h2兄弟标记
1、打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img。
2、在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复。并且给img的类设置“:hover”伪类，设置伪类内的透明度为0.6。
3、打开浏览器，在浏览器内查看效果。
4、将鼠标移入图片，就会发现图片已经变亮了。
以上就是用CSS设置鼠标经过图片变亮，移开变变暗效果的演示。
首先，CSS设置超链接样式是通过伪类来实现的css称这些链接状态为伪类选择器，在css思考方式里,”真”类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下： a:link是链接平常的状态， a:visited是已访问的状态，a:hover是鼠标停留在链接之上，a:active是被选择的链接。 伪类名字对大小写不敏感，但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的，:active必须被置于:hover之后才是有效的。 如果没有指定伪类，则默认为 :link。
