样式继承、选择器优先级

知识点：
一、样式继承(利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会自动继承这些样式)
并不是所有的样式被继承（比如边框 定位）：比如：与背景相关的样式都不会被继承（如果背景颜色样式被继承了则是因为默认背景颜色为透明）

	<!-- 例如： -->
	<p style="font-size:30px">
		我是一个p标签
		<span>我是p标签中的span元素</span>
	
	</p>

二、选择器的优先级
当使用不同的选择器，选中同一个元素时并且 设置相同的样式时 会产生冲突
则会选择器定义的样式？由选择器优先级（权重）决定
优先级高的优先显示
1、优先级规则：

• 内联样式 优先级1000
• id选择器 优先级100
• 类和伪类 优先级10
• 元素选择器 优先级1
• 通配* 优先级0
• 继承样式 没有优先级

2、当选择器的优先级相同时：则会使用靠后的样式
例如：

我是相同优先级

.p1{background-color:red;}
.p2{background-color:green;}
则样式会变成在style中靠后的样式green
3、并集选择器的优先级是单独计算 div p #p1 .hello{}
4、(尽量不使用)可以在样式的最后添加一个!important则此时该样式将会获得一个最高的优先级，将会优先于所有的样式显示，甚至超过内联样式
例如： .p1{background-color:red !imporant;}

注：当选择器中包含多个选择器时，需要将多种选择器的优先级相加后再比较
	（注意：选择器的优先级计算不会超过最大的数量级 例如：id选择器相加后不会比1000大）