css元素特殊性及元素分类，详细解释。

一.元素特殊性

二.元素重要性

三.元素分类

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

1.元素的特殊性

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

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

应用此样式的结构代码：

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

根据规范：

通配选择符特殊值是：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，则浏览器会忽略该元素，且不会占用空间，及时该元素在文档中仍然存在

CSS

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。