级联样式表或CSS设置，以便您可以有许多属性都影响相同的元素。 其中一些属性可能会相互冲突。 例如，您可以在段落标记上设置红色的字体颜色，然后在后面设置蓝色的字体颜色。 浏览器如何知道制作段落的颜色？ 这是由级联决定的。
样式表的类型
有三种不同类型的样式表：
- 作者样式表
- 这些是由网页作者创建的样式表。 他们是大多数人想到CSS样式表时所想到的。
- 用户样式表
- 用户样式表由网页的用户设置。 这些允许用户更好地控制页面的显示方式。
- 用户代理样式表
- 这些是Web浏览器应用于页面以帮助显示该页面的样式。 例如，在XHTML中，大多数可视用户代理将标签显示为斜体文本。 这是在用户代理样式表中定义的。
在上述每个样式表中定义的属性都有一个权重。 默认情况下，作者样式表的权重最大，其次是用户样式表，最后是用户代理样式表。 唯一的例外是用户样式表中的！重要规则。 这比作者的样式表更重要。
级联顺序
为了解决冲突，Web浏览器使用以下排序顺序来确定哪种样式具有优先级并将被使用：
- 首先，查找适用于有问题的元素的所有声明以及指定的媒体类型。
- 然后看看它来自哪种样式表。 如上所述，作者样式表先出现，然后是用户，然后是用户代理。 使用！重要的用户样式比作者！重要的样式具有更高的优先级。
- 选择器越具体，它将获得的优先级越高。 例如，“div.co p”上的样式优先于“p”标签上的样式。
- 最后，按照它们定义的顺序对规则进行排序。 稍后在文档树中定义的规则优先于先前定义的规则。 导入样式表中的规则在样式表中直接在规则之前考虑。