CSS3选择器
/* 找到li同类型的第一个元素 */
/* ul li:first-of-type{
background-color: red;
} */
/* ul中的第一个子元素是p 但是你用在li身上 所以不生效 */
/* 如果这里使用p元素就可以了 */
/* ul li:first-child{
background-color: red;
} */
/* 表示li同类型的最后一个li元素 */
/* ul li:last-of-type{
background-color: red;
} */
/* ul p:only-of-type{
background-color: red;
} */
/* 双伪类 */
/* 伪类不是真正的元素，不会占用元素的空间 */
ul::before{
content:'';
color:;
}
ul::before{
content:'';
color:;
}
html5表单
input type:"email"; 会自动验证Email地址格式是否正确
input type:"url"; 会自动验证URL地址格式是否正确
input type:"color"; 这个类型是color 点击提交会提交16位的颜色值给后台服务器
input type:"range"; 进度条
input type:"number"; <!-- type="number"只是一个默认值，设置步长为4的时候，点击加只会在最小值的基础上去加或者减 -->
<!-- 数字：<input type="number" name="numbername" value="5" step="4" min="2" max="20"> -->
input type:"search"; 表示一个搜索框。搜索：<input type="search" name="searchname" placeholder="请输入你想搜索的关键字"> placeholder：是输入框的提示信息 required：表示这个是必须输入的文本框
