一.元素特殊性

二.元素重要性

三.元素分类

今天来分别讲讲元素的特殊性，重要性以及元素的分类

1.元素的特殊性
特殊性描述了不同规则的相对权重，当多个规则应用到同一个元素时，权重越大的样式会优先显示

.color{
		color:yellow;
}
p{
	color:blue;	
}

应用此样式的结构代码：

<div>
	<p class="color">这里文字显示红色</p>
</div>

由此可见了类选择符的权重大于元素选择符。

根据规范：
通配选择符特殊值是：0
类选择符特殊性值是：1
id选择符特殊性值是：100
行内样式特殊值是：1000

选择符的特殊值越大，规则的相对权重越大，样式会被优先采用

2.重要性
不同的选择符定义相同的元素时，要考虑不同选择符之间的优先级（id选择符，类选择符和标签选择符），id选择符的优先级最高，其次是类选择符，HTML标签选择符的优先级最低。其中 **！important ** 可以提升样式的优先显示权。如果使用！important可能会覆盖其他样式，所以一般不建议使用

3.元素分类
在css中，使用display属性规定元素应该生成的框的类型

1.块级元素（display:block）

块级元素独占一行，后面的元素需要重起一行。其中标题，段落，列表，表格，分区div和body等元素都是块级元素。

2.行级元素（dasplay:inline）

行级元素也称为内联元素，该元素的元素不需要另起一行显示，后面的元素也不需要另起一行显示。超链接，图像，范围sapn，表单元素等都是行级元素。

3.列表项元素（display:list-item）

该类型元素如果出现在有序列表中，则具有顺序性，此元素会作为列表显示。

4.隐藏元素（display:none）

如果元素的display是none，则浏览器会忽略该元素，且不会占用空间，及时该元素在文档中仍然存在