在CSS中，样式优先级决定了哪种样式将应用于特定的HTML元素，如果多个样式规则应用于同一个元素，那么具有最高优先级的规则将最终生效，CSS样式的优先级主要取决于以下四个因素：
1、内联样式（Inline Styles）：这是最高优先级的样式，内联样式直接在HTML元素标签内部定义，使用“style”属性。<p style="color: red;">这段文字的颜色是红色。</p>。
2、ID选择器（ID Selectors）：ID选择器的优先级高于类选择器和属性选择器，ID选择器以井号（#）开头，后面跟着一个唯一的ID名称。#myId { color: blue; }。
3、类选择器（Class Selectors）：类选择器的优先级低于ID选择器，但高于属性选择器和伪类选择器，类选择器以点（.）开头，后面跟着一个类名。.myClass { color: green; }。
4、属性选择器（Attribute Selectors）：属性选择器的优先级低于类选择器，属性选择器可以根据元素的属性和属性值来选择元素。[type="text"] { color: yellow; }。
5、伪类选择器（Pseudo-Class Selectors）：伪类选择器的优先级低于属性选择器，伪类选择器用于选择元素的特定状态，如鼠标悬停、链接被访问等。a:hover { color: purple; }。
6、伪元素选择器（Pseudo-Element Selectors）：伪元素选择器的优先级低于伪类选择器，伪元素选择器用于选择元素的特定部分，如首行、第一个字符等。p::first-letter { color: orange; }。
7、通配符选择器（Universal Selectors）：通配符选择器的优先级最低，通配符选择器以星号（*）开头，表示匹配所有元素。* { font-size: 16px; }。
当多个样式规则应用于同一个元素时，具有更高优先级的规则将覆盖具有较低优先级的规则，如果一个元素同时具有内联样式、ID选择器和类选择器，那么内联样式将优先生效，因为它具有最高的优先级，如果内联样式和ID选择器冲突，那么ID选择器将优先生效，因为它的优先级高于内联样式。
还可以通过添加！important声明来提高某个样式规则的优先级。p { color: red !important; }，这将使该规则的优先级高于其他任何规则，即使它们具有更高的优先级，过度使用！important可能会导致代码难以维护和理解，因此应谨慎使用。
了解CSS样式的优先级对于编写和维护CSS代码至关重要，通过合理地设置和使用各种选择器，可以确保页面的样式按照预期进行显示和交互。