在CSS中，根据选择器的类型，可以把选择器分为基础选择器和复合选择器，复合选择器就是建立在基础选择器之上，对基本选择器进行组合形成的。
复合选择器的特点：可以使选择更加精准。
常用的复合选择器有：后代选择器，子选择器，并集选择器，伪类选择器等等。
后代选择器：
后代选择器又叫做包含选择器，可以选择父元素里面的子元素，比如：
<ol class="nav">
<li>li1</li>
<li>li2</li>
<li>li3</li>
<li>li4</li>
<li>li5</li>
</ol>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
<li>li4</li>
<li>li5</li>
</ul>我们如果只需要改ol里面的li标签为红色而不改ul里面的li，可以在css文件中写入：
uo li {color: red}
或
.nav li{color: red}包含关系之间用空格隔开.
注：复合选择器可以由任意基础选择器组合而成。
子选择器：
子选择器只能选择最近的一级的元素，用>号隔开，比如在下面的代码里面：
<ul>
<a href="#">第一级</a>
<li><a href="#">第二级</a></li>
</ul>我们需要改变“第一级”这三个字为红色，而不吧“第二级”这三个字为红色，那么可以写为：
ul>a{color: red}注：子选择器只改变最近一级的关系。
并集选择器：
并集选择器用英文的,来组合，比如我们需要吧div和p标签都改为红色，可以写为：
div,p{color:red}不过我们一般在写并集选择器时候，一般一行一个基础选择器，比如：
div,
p{color:red}注：最后一个基础选择器后面不需要加,号
链接伪类选择器：
伪类选择器都是用:号来隔开，比如：
a:link/*选择所有未被访问的链接*/
a:visited/*选择所有已经被访问的链接*/
a:hover/*选择鼠标指针位于其上的链接*/
a:active/*选择活动的链接(鼠标按下时)*/ 注：使用时候要按顺序写（ l v h a）
focus选择器：
focus选择器用来宣州区有焦点的表单元素（被选择的表单元素），比如我们需要写一个当鼠标选择一个表单输入框时候，那个输入框字体变红色，可以写为：
input:focus{color:red}html输入框：
<input type="text">总结：
没有回复内容