新增html属性和css新增属性、结构伪类选择器、状态伪类、层级选择器

html属性：required 如果表单没有输入内容 禁止提交
step 确定一个法定值例如：3 -6 -3 0 3 6 9
autocomplete 自动提示信息 属性值no/off
placeholder 文本框的提示信息
autofocus 自动聚焦
pattern 属性值是一个正则表达式（高效的字符串处理规则）
novalidate 取消验证
list属性 必须和datalist标签结合使用，绑定datalist的id名称
表单新增属性：做提示信息的 必须和list属性结合
可以追加一个label属性

css属性选择器：1，选择符【属性名】{}当一个元素有当前html属性值名称则匹配成功
2，选择符【属性名=“属性值”】属性和属性名都匹配成功才做选中
3，选择符【属性~=“属性值”】 当前属性的属性值为一个词列表（多个单词一空格隔开）只要有当前指定的词就能匹配
4，选择符【属性^=“属性值”】当这个属性值开头的时候被匹配
5，选择符【属性$=“属性值”】 当这个属性值结尾的时候被匹配
6，选择符【属性*=”字符“】只要属性值里面包含这个字符就能匹配
7，属性值【属性|=”字符“】属性值仅有当前字符或者以字符开头的
结构为类选择器：通过第几个进行查找：
例子：h2：first-child{}选中所在整个集合里面第一个h2
h2：last-child{}选中h2所在集合里面最后一个h2
h2：nth-child（第几个）{}通过第几个进行查找
h2:nth-last-child(倒数第几个){}
h2：only-child{}当前集合里面只有一个h2才会被选中
两个集合的情况下：
h2：first-of-type{}选中所在整个集合里面第一个h2
h2：last-of-type{}选中h2所在集合里面最后一个h2
h2：nth-of-type（第几个）{}通过第几个进行查找
h2:nth-last-of-type(倒数第几个){}
h2：only-of-type{}当前集合里面只有一个h2才会被选中
总结：当前同级元素是否为一类，如果非一类的情况下 选用of-type选择
状态伪类：
：enabled 表单元素可用的时候执行的样式
：disabled 表单元素禁用的时候执行的样式
：focus 表单元素聚焦的时候执行的样式
：：selection 文本选中的时候的样式
层级选择器：
1，子选择器：父元素选择器＞子元素选择器 选中只是父元素最近一层的子元素
2，兄弟元素选择器： 元素一加元素二 同级 选中元素同级离得最近的下面的兄弟元素
3，通用选择器：元素1~元素2 同级 选中元素1同级下面的所有元素2