是什么选择器后代选择器(ab)子元素选择器(a>b)相邻后续兄弟元素选择器(a+b)公共后续兄弟选择器(a~b)组选择器(selector1,selector2,...)这里不常用的选择器有相邻兄弟选择器和通用后兄弟选择器。首先，很多资料都将它们称为相邻兄弟选择器和通用兄弟选择器。我认为这会产生误导，例如：`
li{list-style:none;高度：20px；宽度：20px；背景：红色；10像素；边界半径：10px；文本对齐：居中；白颜色;向左飘浮;line-height:20px;}`当使用相邻兄弟选择器时:.l3+li{background:green;}效果For:可以看出相邻兄弟选择器只会选中它后面的一个兄弟元素。使用通用兄弟选择器时：.l3~li{background:green;}效果为：可以看出通用兄弟选择器会选择其后面的所有兄弟元素属性选择器E[attr]：只使用属性名,butnotDetermineanyattributevalueE[attr="value"]:specifytheattributename,andspecifytheattributevalueoftheattributeE[attr~="value"]:指定属性名，并有属性值，属性值是一个词列表，用空格分隔，其中词列表包含一个值词，等号前的“~”必须写成E[attr^="value"]：指定属性名，还有一个属性值，属性值以value开头；E[attr$="value"]：指定属性名，且有属性值，属性值以value结尾；E[attr*="value"]：指定属性名，有属性值，属性值包含value；E[attr|="value"]：指定属性名，属性值为value或以“value-”开头的值（如big-name）；当属性选择器中有波浪号（~）时，属性值有值时才会匹配。如果没有波浪号（~），只有当属性值完全为value时，属性值才会匹配。伪类：link、visited、hover、activeUI元素状态伪类如：enabled、:disabled、:checked等，主要是针对一些表单元素操作。比较常见的比如"type="text"有两种状态：enable和disabled，前者是可写状态，后者是不可写状态。CSS3:nthselectorfirst-child：选择元素的第一次出现last-child：选择元素的最后一次出现nth-child()：选择元素的一次或多次特定出现如何计算条件的出现权重取决于样式的位置，对元素的影响也有关系：内联样式（标签中的样式形式）>样式标签>链接标签根据选择器的类型，id选择器>类，属性选择器和伪类selector>elementsandpseudo-elements一般来说，我们的计算方式是，从0开始，一个内联样式+1000，一个id+100，一个属性选择器/类或者伪类+10，一个元素名，或者伪元素+1参考资料：一些你应该知道的事情-css权重css选择器-基本选择器css选择器-属性选择器css选择器-伪类选择器
