在做项目的时候遇到了一个css的问题。想记录一下,然后打开四福仪,常用的1、.classname2、#id3、*4、标签选择器{div}、{span}等,全选第2页的div、span等。进阶1.{div,p,span}选择所有div,p,span2,{divp}同时选择所有div(不包括div)所有p标签,不管是sub-level还是sub-nlevel3,{div>p}选择所有父元素为div的p标签,不会发生穿透,只发生在父元素和子元素之间4.{div+p}选择出现在div元素之后的第一个p标签。只有第一个P标签
adiv
z在div后面
This在div后面
5、{div:hover,div>p:hover}":"为选中标签,"hover"为关键字,当鼠标放在上面时触发样式,否则为选中标签原有样式。hover也可以连接一些选择器,这样它就只作用于选中的内容。(hover简单理解为selector上面selector中间的关键字,然后就是鼠标enter和leave事件)6.{keyword:focus}一般作用于input或者textarea的文本输入框,当点击时触发输入时的样式7、{keyword:first-letter}作用于被选元素的第一个文本8、{keyword:first-line}作用于被选元素的第一行9、{keyword:first-child}全选先前选择的元素的第一个元素。10.{keyword:before}在被选元素前面添加内容。使用时必须设置content属性。好了,暂时继续写第11、12、