一共有四种类型
1】a：hover{样式} 表示鼠标点击链接时的样式，可以设置颜色，字体背景、文字大小等等
2】input：focus{样式} 设置获得焦点时input的样式
3】
1）
p:first-child{color：red;} 指的是为某一个元素的第一个子元素是p的标签p内的内容设置样式
例如：<div><p>你好</p><ul><p>我不好</p><li></li></ul></div>
这时只有你好是红色，我不好是默认的颜色
2）
p>i:first-child{样式}
选择器匹配所有 <p> 元素中的第一个 <i> 元素：
<p>some <i>text</i>. some <i>text</i>.</p>
3）
p:first-child i{样式}
选择器匹配所有作为元素的第一个子元素的 <p> 元素中的所有 <i> 元素：
<body> <p>some<i>text</i>. some<i>text</i>.</p>
6】q:lang(bz){
quotes:"<"">";
}