CSS层叠样式表——继承与覆盖

样式的继承

一、可继承的属性

• color
• font (以及相关的属性)
• letter-spacing
• line-height
• list-style (以及相关的属性)
• text-align
• text-indent
• text-transform
• visibility
• white-space
• word-spacing

二、不可继承的属性

• background (以及相关的属性)
• border (以及相关的属性)
• display
• float 和 clear
• height 和 width
• margin (以及相关的属性)
• min-height, max-height, min-width, max-width
• outline
• overflow
• padding (以及相关的属性)
• position (以及相关的属性)
• text-decoration
• vertical-align
• z-index

样式的覆盖

规则：

根据引入方式确定优先级

优先级由高到低依次为：“内联属性”——>“写在 style标签里”——>“外部链接”

后写的覆盖先写的（同一级别）

即就是在文件上代码行号更靠下的优先级更高

加有“！important”的样式，优先级最高

无论哪一种情况，只要在样式上加了important,那么该样式的优先级最高。

w {
	color:white ! important;
}

选择器优先级
在选择器不同的情况下，给每种选择器制定一个权值，计算命中一个元素的所有选择器的总权值，值高者获胜