前端从入门到放弃--Day8

1.emmet语法

• 标签名+tab键
• 多个标签：div*3+tab
• 父子关系标签：ul>li+tab
• 兄弟关系标签：div+p+tab
• 类名span.qaq+tab；默认为div，id：li#aqa+tab
• 排序：.demo$*5+tab
• css样式里输入单词首字母即可自动补全
• 格式化：shift+alt+f

2.复合选择器

• 后代选择器：

  ul li{
           color:pink;
}

• 子选择器：某元素的最近一级子元素，语法：元素1>元素2{样式声明}
• 并集选择器：选择多组标签，并为他们定义相同的样式

 div,
p{
           color:pink;
}

• 链接伪类选择器：

 

 为确保生效，必须按照lin，visited，hover，active的顺序

• focus伪类选择器：用于获取焦点（光标）的表单元素

input:focus{
        background-color:red;
}