基本选择器标签选择器标签选择器也叫元素选择器。也就是说，文档的元素是最基本的选择器，可以直接使用元素名（如body、p、ul、ol、dl）来选择元素。类选择器类选择以点“.”开头。后跟一个类名。类名不允许有空格，必须和元素中class属性的值保持一致。一个元素可以有多个类值，每个值由一个空格分隔。具有相同类名的元素属于一类元素。
创建一个HTMLdocument创建一个CSS样式表将它们链接在一起
IDselectorIDselectorItstarts使用“#”，后跟ID名称。在一个文档中，ID值不能重复，所以这个选择器在选择文档中唯一的元素时比较有用。
—“早上好。”—“走开！”通用选择器使用“*”表示通用选择器，即选择所有元素，通常用在组合选择器中。- 推荐
发现音乐
- 我的音乐
- 下载的音频
Multipleselectors多个选择器并排使用，使用“,”进行分割例如：“div,.one,#tt”表示选择div元素，即class为one的元素以及id为tt的元素。层次选择器后代选择器使用“”来分隔两个选择器。例如“ulli”表示选择ul的后代元素li，li可以是ul的直接子元素，也可以是ul的孙元素。后代选择器使用“>”来分隔两个选择器。例如“ul>li”表示选择ul的直系后代元素li，不能选择ul的孙元素li到相邻的兄弟元素。使用“+”分隔两个选择器。例如，“.one+*”表示选择“one”元素的下一个兄弟元素。一般的兄弟选择器使用“~”来分隔两个选择器。例如“.one~*”表示选择class为“one”的所有兄弟元素。属性选择器(filterwithbasicselector)[attr]选择具有attr属性的元素，不管属性的值为什么[attr=val]选择具有attr属性且attr值为val的元素[attr~=val]选择theelementwithattrattributeandoneofvaluesofattrisval[attr^=val]选择attr属性的元素且attr的值以val开头的元素[attr$=val]选择attr属性的元素，Andattr值以val结尾的元素[attr*=val]选择attr属性的元素，attr的值包含val伪类选择器伪类以“:”开头，用在选择器之后表示元素可以仅在特殊状态下被选中（使用基本选择器过滤）子元素::only-child:first-child:last-child:nth-child(n),:nth-last-child(n)):first-of-type,:last-of-type:nth-of-type(n),:nth-last-of-type(n)...n可以是元素的序号，或者对于特殊字符，比如“奇数”、“偶数”元素状态相关：hover:active:focus...伪元素选择器伪元素以“::”开头，用在选择器之后，用于选择和指定元素。::after::before::first-letter::first-line::selection......某个选择器定义的选择器优先级能否在所有选择器中胜出（即Priority）取决于三个要素：重要性、属性值和代码顺序。!important声明（Importance）在css规则的值末尾加上“!important”可以保证该规则优先于其他规则。但是，一般建议不要使用“!important”，因为它会改变级联的工作方式，使调试变得困难。属性值通过元素的样式属性中声明的4个属性值量化一个选择器。属性值记为1000个选择器中包含的所有ID选择器。属性值表示为100个选择器中包含的所有类选择器、属性选择器、伪类选择器。属性值表示为10包含在一个选择器中的所有元素选择器，即伪元素选择器。属性值表示为1代码顺序如果多个竞争选择器具有相同的重要性和属性值，则代码顺序开始起作用，后面的规则优先于前面的规则。
