css三中样式的优先级高低

在CSS中，当多个样式规则应用于同一元素时，会出现不同样式之间的冲突。为了解决这个问题，CSS引入了优先级的概念，即通过规定不同选择器所对应的样式优先级来确定应用哪一个样式。CSS的优先级按照以下规则来确定：

1. !important：如果样式被赋予!important的属性，则该属性的优先级最高，不受其他任何规则的限制。
2. 内联样式：在HTML元素标签中使用style属性定义的样式，其优先级仅次于!important。
3. ID选择器：指定了ID属性的选择器，其优先级高于类选择器和属性选择器。
4. 类选择器、属性选择器和伪类选择器：它们的优先级相等，通过它们定义的样式，如果有多个应用于同一元素，后定义的样式会覆盖先定义的样式。
5. 标签名选择器和伪元素选择器：它们的优先级最低，如果有多个应用于同一元素，后定义的样式会覆盖先定义的样式。 

需要注意的是，以上优先级规则不是单纯的加法，而是它们的组合。例如：

#box .content p{color: red;}
.content p{color: blue;} 

以上样式规则中，由于ID选择器的优先级最高，所以#box .content p的优先级要高于.content p，如果两个样式定义中都有颜色值，最终的结果会是红色，而不是蓝色。