css高级特性

css复合选择器

1、标签指定式选择器

标记指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器两个选择器之间 不能有空格。

2、后代选择器

后代选择器用来选择元素或元素的后代，其写法就是把外层标记写在前边，内层标记下载后面，中间用空格分隔。 当发生嵌套时，内标记就成为外标记的后代。

3、并集选择器

并集选择器是各个选择器通过逗号连接组成，任何形式的选择器（包括标记选择器、class选择器、id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为他们定义相同的css样式。

css层叠性和继承性

1、层叠性

所谓层叠性是指多种css样式的重叠。例如，当使用内嵌式css样式表定义p标记字号大小为12像素，链入式定义p标记颜色为红色，
那么段落文本将显示为12像素红色，及两种样式产生了重叠。

2、继承性

所谓继承性是指书写css样式表时，子标记会继承父的表记的某些样式，如文本颜色和字号。例如，定义主体元素 body的文本颜色
为黑色，那么页面中所有的文本都将显示为黑色，这是因为其他标记都嵌套在body标记中，是body标记的子标记。
恰当地使用继承可以简化代码，降低css样式的复杂度
但以下属性不具有继承性
变宽属性
外边距属性
内边距属性
背景属性
定义属性
布局属性
元素宽高属性

css优先级

同类型，同级别的样式后者先于前者(后者会覆盖前者)
ID > 类样式 > 标签 > *
内联>ID选择器>伪类>属性选择器>类选择器>标签选择器>通用选择器(*)>继承的样式
具体 > 泛化的，特殊性即css优先级
!important 权重最高，比 inline style 还要高
近的 > 远的 (内嵌样式 > 内部样式表 > 外联样式表)
内嵌样式：内嵌在元素中，span
内部样式表：在页面中的样式，写在中的样式
外联样式表：单独存在一个css文件中，通过link引入或import导入的样式