CSS选择器高级应用之子类、伪类、通用选择器等
1、CSS选择器之子类用法：这里来实现用子类选择器设置不同文字的样式的实例来说明问题，具体的代码如下：<html> <head> <title>CSS高级应用</title> <style type="text/css"> .div{color:red;} .div1{font-weight:bold;} .div2{font-style:italic;} </style> </head> <body> <div class="div">控制字体样式</div> <div class="div div1">控制字体样式</div> <div class="div div2">控制字体样式</div> </body></html>可以看到一个标签中使用两个类的CSS规则样式，用到空格隔开两个CSS的样式。
3、CSS选择器之子类用法：通用选择器就是所有的样式都使用CSS样式，具体的代码如下：<html> <head> <title>CSS高级应用</title> <style type="text/css"> *{margin:0px; border:0px;} </style> </head> <body> <p>HTML</p> <h3>CSS</h3> </body></html>可以看到，无论是P标签还是H3标签，前面的空格都没有了。
5、CSS选择器之子类用法：相邻同胞选择器使用的是+来实现的，具体的代码如下：<html> <head> <title>CSS高级应用</title> <style type="text/css"> h1+p{color:red;} </style> </head> <body> <h1>这里是h1</h1> <p>靠近h1的p</p> <p>其他的p</p> </body></html>和h1相邻的p的样式就用相邻同胞选择器，不用CSS类就能给p设置CSS规则，具体的代码如上，执行结果如下图。
