CSS样式应用优先级是网页设计中的关键概念，它决定了哪些样式会最终被浏览器应用到HTML元素上。在处理CSS冲突时，理解这个优先级规则至关重要。以下是对PPT内容的详细解释：
1. **重要声明 (!important)**: `!important` 关键字可以提升某个样式的优先级，使其在任何情况下都被应用。例如，即使后面有同样属性的声明，只要加上`!important`，浏览器就会忽略后续声明并使用带`!important`的样式。在示例中，尽管`color`属性后面声明了绿色，但由于蓝色前面有`!important`，因此文字颜色最终显示为蓝色。
2. **正常声明**:
- **内联样式**: 直接在HTML元素的`style`属性中设置的样式，其优先级相对较高，与ID选择器在IE6中等同。
- **ID选择器**: 使用`#`标识符，如`#header`，优先级高于类选择器和属性选择器。
- **类选择器**: 使用`.`标识符，如`.header`，应用于具有指定类的元素。
- **属性选择器**: 使用`[]`，如`div[title]`，根据HTML元素的特定属性应用样式。
- **伪类选择器**: 包括LVHA序列（Link, Visited, Hover, Active），它们的优先级依次递减，如`a:link`、`a:visited`、`a:hover`和`a:active`。
- **元素选择器**: 直接使用HTML元素名称，如`div`，优先级最低。
- **伪元素选择器**: 如`:first-letter`和`:first-line`，用于对元素的首字母或首行进行特殊样式设置。
3. **通配符选择器**: 使用`*`，匹配所有元素，但其优先级最低，通常用于全局基础样式设置。
4. **继承和结合符**:
- **继承样式**: 子元素可以继承父元素的部分样式，但这些继承样式优先级较低，容易被其他更具体的样式覆盖。
- **结合符**:
- **后代选择器**: 使用空格分隔，如`div p span`，选择所有位于`div`内的`p`元素内的`span`元素。
- **子元素选择器**: 使用`>`分隔，如`div > span`，仅选择`div`的直接子元素`span`。
- **相邻兄弟选择器**: 使用`+`分隔，如`li + li`，选择紧跟在另一个`li`元素后面的`li`元素。
简而言之，CSS样式应用优先级的基本规则是：`!important` > 内联样式 > ID选择器 > 类选择器 > 属性选择器和伪类 > 元素选择器 > 通配符选择器。结合符的使用可以进一步增加选择器的特异性，从而提升优先级。在编写CSS时，合理利用这些规则能帮助我们更好地控制页面的样式表现。
