CSS的复合选择器

Emmet语法

1.快速生成HTML语法

div*3 快速生成3个div。

父子级关系的标签可以用>，比如ul>li。

兄弟级关系的标签可以用+，比如div+p。

如果生成带有类名或id名字的，直接写demo或#two，然后按Tab键生成。

如果生成的div类名是有顺序的，可以用自增符号$。

如果想要在生成的标签内部写内容可以用{}表示。

2.快速生成CSS样式语法

3.快速格式化代码

shift+alt+f

CSS的复合选择器

由两个或多个基础选择器，通过不同的方式组合而成的。

常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器。

1.后代选择器（包含选择器）

语法：元素1 元素2 {样式声明}

①元素1和元素2中间用空格隔开。

②元素1是父级，元素2是子级，最终选择的是元素2.

③元素1和元素2可以是任何的基础选择器。

2.子元素选择器（子选择器）

语法：元素1>元素2 {样式声明}

元素2必须是亲儿子。

3.并集选择器

语法：元素1，元素2 {样式声明}

并集选择器可以选择多组标签，同时为他们定义相同的样式。

4.伪类选择器

用冒号（:）表示

（1）链接伪类选择器

a:link  选择所有未被访问的链接

a:visited  选择所有已被访问的链接

a:hover  选择鼠标指针位于其上的链接

a:active  选择活动链接（鼠标按下未弹起的链接）

（2）focus伪类选择器

:focus伪类选择器用于选取获得焦点的表单元素。

一般情况下<input>类表单元素才能获取。