css选择器

作项目遇到了一个css的问题，想记录一下，而后开通了思否
1、经常使用的
一、.classname
二、#id
三、*
四、标签选择器 {div} 、 {span}等 ，选择了页面所有的div、span等
2、进阶的
一、{ div, p,span}同时选择选择全部的div、p、span
二、{div p}选择全部的 div里面 (不包含div)的全部的p标签，不管是不是子一级仍是子n级
三、{div>p}选择全部父级元素为div的全部的p标签，不会发生穿透的现象只会在父元素与子一级之间
四、{div+p}选择div元素后面出现的第一个p标签。出现效果的只有第一个P标签

<div>一个div</div>
<p>z这是在div后面的</p>
<p>这是在div后面的</p>

五、{div:hover 、div>p:hover}“：”以前是选择的标签，”hover“是关键字，当鼠标放上去的时候，样式会被触发，不然就是选择的标签原来的样式。hover也能够接一些选择器，让其只做用于选择的内容。（hover简单的理解为就是选择器上面的选择器中间的一个关键词，而后有鼠标进入与离开事件）
六、{关键词: focus}通常做用于input或者textarea的文本输入框中，当点击的进入的时候触发样式
七、{关键字：first-letter}做用于选择元素的第一个文字
八、{关键字：first-line}做用于选择元素的第一行内容
九、{关键字：first-child}选择的是前面选择元素的第一个全部的元素
十、{关键字：before}在选择的元素前面加上内容，使用的时候必须设置content属性。
好吧 暂时这样，继续写项目
十一、
十二、