css盒子优先级

CSS盒子模型是前端开发常用的一种布局模型，它由内容、内边距、边框和外边距组成。在CSS中，为了控制元素的样式，每个元素都具有优先级。

优先级的计算一般遵循以下规则:

选择器的优先级是由选择器中所有元素的权重之和决定的，
其中ID选择器的权重最高，接下来是类选择器和属性选择器，
最后是元素选择器。通用选择器(*)和继承选择器的权重最低，
并且在优先级相同时被忽略不计。在某些特殊情况下，内联样式
的优先级会高于ID选择器(例如使用!important声明)。 

例如：

p {
  
  background-color:red;
}
.content p {
  
  background-color:blue;
}
#demo p {
  
  background-color:yellow;
}
 

以上代码中p元素同时拥有三个样式，其中ID选择器的权重最高， 所以当p元素属于id为“demo”的元素时，背景颜色为黄色。

需要注意的是，如果两个或者多个选择器的权重相等，则按照 选择器在文档中的位置决定优先级，越靠后的优先级越高。

综上所述，当存在多个样式的时候，我们需要清楚地知道每个元素样式 的优先级，以便正确地控制网页的布局和样式。