css复合选择器

选择器

我们先说一下常见的几种选择器的分类，我们可以分为五种来记它们分别是：
1、后代选择器
2、子代选择器
3、交集选择器
4、并集选择器
5、链接伪类选择器
下面我们就一个一个来详细的说一下这几种选择器的作用和用法。

一、后代选择器

后代选择器又称为包含选择器
它的作用为：用来选择原素火元素组的"子孙后代"
它的写法就是把外层标签写在前面，注意中间要用空格隔开，先写"父亲"，再写"子孙后代"：
父级 子级{属性：属性值；属性：属性值；.等等…}
打个比方它的语法可以这么写：
.class h3{color：red；font-size:20px；}
这里".class"就是父级，"h3"就是子级。
注意：
（1）、当标签发生嵌套时，内层标签就成为外层标签的后代；
（2）、"子孙后代"都可以选择，也可以这么说：它能选择任何包含在内的标签。

二、子元素选择器

它的作用为：
子元素选择器只能选择作为某元素子元素的元素
它的写法是：把父级标签写在前面，子级标签写在后面，中间要用">“分隔开。
它的语法我们在这里举个"栗子”：
.class>h3{color：red；font-size：20px}
这里".class"是父元素"h3"就是它"亲儿子"子级
注意：这里的子级就是它的"亲儿子"下一级，不包括"孙子""重孙"之类的…

三、交集选择器

我们先来说一下它的形成条件：
交集选择器是由两个选择器构成的，找到的标签必须满足：既有标签一的特点，又有标签二的特点才可以。
来个图理解一下：

它的语法我们举个"梨子"：
h3.class{color：red；font-size：20px；}
其中第一个是标签选择器，第二个是class选择器，注意两个选择器之间不能有空格，再举个例子：h3.special。
教大家一个记的技巧：
交集选择器是并且的意思，就是即有…又有…的意思
再如：p.one，选择的是：类名为：".one"的段落标签。

四、并集选择器

它的作用为：
（1）、如果某些选择器定义的相同样式，就可以利用并集选择器，可以让代码更加简洁；
（2）、并集选择器是各个选择器通过，链接成的，通常用于集体声明。
它的语法为：
任何形式的选择器，也包括标签选择器、class类选择器、id选择器等等，都可以作为并集选择器的一部分。
注意：
并集选择器通常用于集体声明，中间用逗号隔开，所有选择器都会执行后面样式，逗号也可以理解为和的意思。
举个例子：
.one，p，#d1{color：#f00；}
就表示".one"，“p”，"#d1"，这三个选择器都会执行颜色为红色。

五、链接伪类选择器

伪类选择器：
为了和类选择器相区别我们来说一下它们的区别：
类选择器是一个点比如".demo" {}；
而伪类用两个点就是冒号比如:link{}
它的作用为：
用于向某些选择器添加特殊的效果。
比如：给链接添加特殊效果；
再比如：可以选择第1个，第n个元素。
因为伪类选择器很多，比如链接伪类，结构伪类等等。我们这里先给大家讲解链接伪类选择器。
说一下它的语法：
（1）、a:link 它的意思为：未访问的链接；
（2）、a:visited 它的意思为：已访问的链接
（3）、a:hover 它的意思为：鼠标移动到链接上
（4）、a:active 它的意思为：选定的链接
注意：
（1）、写的时候，他们的顺序尽量不要颠倒，按照上面我们写的顺序，否则可能引起错误。
（2）、因为叫链接伪类，所以都是利用交集选择器a:link a:hover
（3）、因为a链接浏览器具有默认样式，所以我们实际工作中都需要给链接单独指定样式。

复合选择器

我们先说一下它们的应用场合：
（1）、使用后代选择器给元素添加样式；
（2）、使用并集选择器给元素添加样式；
（3）、使用伪类选择器。
css选择器分为基础选择器和复合选择器两种，但是基础选择器不能满足我们实际开发中，快捷高效的选择标签，所以我们主要用到就是复合选择器。
（1）、目的是为了可以选择更准确更精细的目标元素标签。
（2）、复合选择器是由两个或多个基础选择器通过不同方式组合而成的。
我们来做个总结：
（1）、后代选择器
作用：用来选择元素后代
特征：是选择所有的子孙后代
符号是空格如：.nav a
（2）、子代选择器
作用：选择最近一级元素
特征：只选"亲儿子"
符号是">" 如：.nav>p
（3）、交集选择器
作用：选择两个标签交集的部分
特征：既有…又有…
中间没有符号p.one
（4）、并集选择器
作用：选择某些相同样式的选择器
特征：可以用于集体声明
符号是逗号 .nav, header
（5）、链接伪类选择器
作用：给链接更改状态
重点记住a{}和a:hover实际开发的写法
给链接更改状态，因为a链接有自己的默认样式。

[^1]：好了这就是有关于选择器的相关知识，希望可以帮得到你，最后让我们一起努力前行吧！