day5

Emmet语法

1.生成标签按TAB，如div直接按tab就可以生成<div></div>
2.生成多个标签用*，如div*3就是三个<div></div>
3.如果是父子级关系用>比如ul>li,tr>td
4.如果是兄弟级关系，用+ 比如div+p
5.如果生成类名的用.（类名）按Table默认是<div>如果用其他标签则在.前加上约束，如果生成id名的用.（id名）按Table默认是<div>如果用其他标签则在.前加上约束，
6.如果生成想要自增，用$符号
7.如果想要在标签内直接生成内容可以使用｛｝,比如div｛123｝

CSS复合选择器
1.后代选择器
元素1 元素2 ｛样式声明｝
上述语法表示选择元素1里面的所有元素2
例如 ol li ｛color｝代表选择 下面的li标签
元素1和元素2需要空格隔开

                                                     <ol>
                                                        <li></li>
                                                        </ol>

2.子选择器

元素1 > 元素2 ｛样式｝
表示选择元素1里面的所有后代（子元素）元素2
div > p 表示选择div标签下最近一层的p标签

3.并集选择器
并集选择器选择多组标签，同时为他们定义相同样式
元素1 , 元素2 ｛样式｝
注意：1.元素通常竖着写
2.最后一个元素不需要加逗号

4.链接伪类选择器
按照LVHA的顺序声明(注意冒号) :link-:visited-:hover-:active
a:link 选择所用未被访问的链接
a :visited 选择所有已被访问的链接
a :hover 选择鼠标指针位于其上的链接
a:active 选择按住鼠标左键还没有弹开的链接

5.focus伪类选择器
:focus用于选取获得焦点的表单元素
例如
input:focus
{
color :red
}
选择有输入框光标的