选择器类别

标签：点击   str   only   a+b   type   16px   有一个   不执行   before   

注：{声明块}

基础选择器

       通配符选择器：*{ }

层次选择器

       子集选择器：div>p{ }

       后代选择器：div+“空格”+p{ }

       兄弟选择器：A+B{ }

       通用选择器：A~B{ }

动态伪类选择器

       未访问：a:link{ }　　

       已访问：a:visited{ }

       悬停：a:hover{ }  注：移动端不会有hover功能

       点击时：a:active{ }

       焦点框（多用于框的链接）：a:focus{ }

       注：IE7以前是不支持focus

       IE6以前是不支持：hover，active

结构伪类选择器

　　格式：h1:nth-child(n){ }

　　代表选中第n个元素判断是否为h1,是则执行代码否则不执行

　　格式：h1:nth-of-type(n){ }

　　代表选中类别为h1的第五个h1

　　格式：h1:first-child{ }     选中第一个h1元素　　

       格式：h1:last-child{ }     选中最后一个h1元素

       格式：h1:nth-child(odd){ }   表示选中奇数项

       格式：h1:nth-child(even){ }   表示选中偶数项

否定伪类选择器

　　格式：h1:not(:nth-child(3)){ }     表示选中除了第3个h1元素，以外的其他h1元素

　　格式：body>h2:only-of-type{ }   表示选择类型为h2元素，并且body里包含一个h2元素时样式才生效，包含多个则不生效

　　格式：body>h2:only-child{ }       表示选择类型为h2元素，并且body元素只有一个子元素时h2时样式才生效，包含多个子元素时不生效

伪元素选择器    

　　格式：h1:before{ }　　表示在元素前面加内容

　　格式：h1:after{ }　　 表示在元素后面加内容

　　格式：p:first-letter{ }　　表示段落里的第一个字

　　格式：p:first-line{ }　　表示段落里的第一行

　　格式：p:seletion{ }　　表示设置鼠标选中内容（不改变字体大小）　

选择器类别

标签：点击   str   only   a+b   type   16px   有一个   不执行   before   

原文地址：https://www.cnblogs.com/w5397/p/9217672.html