CSS第二阶段学习

emmet语法使用

• 生成标签直接输入标签名 按下tab键即可，比如div然后tab键，就可以生成 <div></div>

• 如果想要生成多个相同的标签，加上""就可以了比如div3就可以快速生成3个div

• 如果有父子关系的标签，可以用>比如ul> li就可以

• 如果有兄弟关系的标签，用 * 就看比如div*p

• 如果生成带有类名或者id名字，直接写.demo或者 #two tab键就可以

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

快速生成CSS样式语法

• 比如w200按tab键可以生成width: 200px;

• 比如lh26 按tab键可以生成line-height: 26px;

后代选择器

元素1>元素2(样式声明)

例如：

div > P(样式声明) / * 选择div里面所有最近一级p 标签元素 */

子选择器（重要）

子元素选择器只能选择作为某元素的最近一级子元素，简单理解就是选亲儿子元素

语法：

元素1>元素2(样式声明)

例如：

div > P(样式声明) / * 选择div里面所有最近一级p 标签元素 */

• 后代选择器又称包含选择器，可以选择父元素里面子元素，其写法就是把外层标签