当我们在编写CSS时，有时候会发现CSS样式不生效或者效果不如预期。这时候就需要了解CSS优先级是什么，以便正确的使用CSS来实现我们的设计效果。

CSS优先级是指CSS规则的权重，用于确定相互冲突的规则应该如何采用。 CSS优先级从大到小如下图所示：

行内样式 >ID 选择器 >类和属性选择器 >标签选择器

也就是说，如果存在行内样式，那么行内样式的优先级最高；如果存在ID选择器，则ID选择器的优先级最高；同样，类和属性选择器的优先级高于标签选择器。

如果存在多个选择器具有相同的优先级，则样式将按照出现在样式表中的顺序进行采用，即后面的样式将覆盖前面的样式。

举个例子：

<div id="box" class="red">Hello World</div>

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

上面的样式代码中，ID选择器和类选择器具有相同的优先级，因此将根据样式表中的顺序进行采用。在这个例子中，单元格的文字颜色为红色，因为类选择器在样式表中的位置在ID选择器前面。

最后，我们需要注意的是，避免使用!important的方式来增加样式的优先级，因为这种方式会破坏样式的继承机制，使得样式难以维护和管理。