标签选择器 body、h1、dl、ul、span

id选择器 #

类选择器
1） class可以重复，也就是说，同一个页面上可能有多个标签同时属于某一个类；
2） 同一个标签可以同时携带多个类。

后代选择器 .div1 p 就是.div1的后代所有的p,后代选择器，描述的是祖先结构

交集选择器 h3.special 必须是h3标签，然后必须是special标签

并集选择器（分组选择器） h3,li 用逗号就表示并集

通配符* 效率不高，如果页面上的标签越多，效率越低，所以页面上不能出现这个选择器

CSS3选择器

儿子选择器> div>p div的儿子p。和div的后代p的截然不同

序选择器 选择第1个li ul li:first-child 选择最后一个1i ul li:last-child

下一个兄弟选择器 h3+p 选择上的是h3元素后面紧挨着的第一个兄弟

CSS的继承性和层叠性

继承性 color、 text-开头的、line-开头的、font-开头的 这些关于文字样式的，都能够继承； 所有关于盒子的、定位的、布局的属性都不能继承

层叠性 就是css处理冲突的能力。 所有的权重计算，没有任何兼容问题 统计权重：id的数量，类的数量，标签的数量
权重问题大总结： 1） 先看有没有选中，如果选中了，那么以（id数，类数，标签数）来计权重。谁大听谁的。如果都一样，听后写的为准。 2） 如果没有选中，那么权重是0。如果大家都是0，就近原则。

!important 这个属性的权重就是无穷大

image.png