CSS三大特性

CSS 三大特性

CSS层叠性

所谓层叠性是指多种CSS样式的叠加。
比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。
一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。（就近原则）

CSS继承性

子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。
恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式（text-，font-，line-，color这些元素开头的都可以继承）

CSS优先级

1. 使用了 !important声明的规则。 color:green!important; 中间不用写空格
2. 内嵌在 HTML 元素的 style属性里面的声明。
3. 使用了 ID 选择器的规则。
4. 使用了类选择器、属性选择器、伪元素和伪类选择器的规则。
5. 使用了元素选择器的规则。
6. 只包含一个通用选择器的规则。 *
7. 继承过来的是最小的！！！

同一层的可以叠加比较。先找最近嵌套的里面是什么。

一个例子：

		div #box3{
			color:green;
		}   //div是第一个div，所以这个是继承过来的
		#box1 div{
			color:yellow;
		}   // 这个也是继承过来的，就近原则，yellow
		
   <div id="box1" class="c1">
		<div id="box2" class="c2">
			<div id="box3" class="c3">
				文字
			</div>
		</div>
	</div