10—Emmet语法、css复合选择器（后代选择器 、子选择器 、并集选择器、伪类选择器 ）

Emmet语法

1. 生成标签 直接输入标签名按tab键即可 比如div然后tab键，就可以生成<div></div>
2. 生成多个标签  div*3 可以生成3个div标签
3. 生成父子级关系的标签 用> 比如ul>li 
4. 生成兄弟关系的标签 用+ 比如 div+p
5. 如果生成带有类名或者id名字的 直接写.demo或者 #two tab键就可以 默认生成div标签 p.one可以生成p标签
6. 生成的div类名是有顺序的，可以用自增符号$  比如.demo$5 
7.  如果想要在生成的标签内部写内容可以用{}表示 比如div{$}*5

css复合选择器—后代选择器 

元素1 元素2 {样式声明} /选择元素1中所有的元素2标签/

• 元素1和元素2中间用空格隔开
• 元素1是父级，元素2是子级，最终选择的是元素2 只改变选择元素2的样式
• 元素2可以是儿子，也可以是孙子等，只要是元素1的后代即可
• 元素1和元素2可以是任意基础选择器的组合

ol li {

      color: pink;

     }

ol li a {              相当于 ol  a