做项目遇到了一个css的问题，想记录一下，然后开通了思否

一、常用的 1、.classname2、#id3、*4、标签选择器 {div} 、 {span}等 ，选择了页面全部的div、span等二、进阶的1、{ div, p,span}同时选择选择所有的div、p、span2、{div p}选择所有的 div里面 (不包含div)的所有的p标签，不论是不是子一级还是子n级3、{div>p}选择所有父级元素为div的所有的p标签，不会发生穿透的现象只会在父元素与子一级之间4、{div+p}选择div元素后面出现的第一个p标签。出现效果的只有第一个P标签

    
     一个div
    
z这是在div后面的
这是在div后面的

5、{div:hover 、div>p:hover}“：”之前是选择的标签，”hover“是关键字，当鼠标放上去的时候，样式会被触发，否则就是选择的标签原来的样式。hover也可以接一些选择器，让其只作用于选择的内容。（hover简单的理解为就是选择器上面的选择器中间的一个关键词，然后有鼠标进入与离开事件）

6、{关键词: focus}一般作用于input或者textarea的文本输入框中，当点击的进入的时候触发样式7、{关键字：first-letter}作用于选择元素的第一个文字8、{关键字：first-line}作用于选择元素的第一行内容9、{关键字：first-child}选择的是前面选择元素的第一个所有的元素10、{关键字：before}在选择的元素前面加上内容，使用的时候必须设置content属性。好吧 暂时这样，继续写项目11、12、