将两个或更多 CSS 规则应用于同一文本时，这些规则可能会发生冲突并产生意外的结果。浏览器按以下方式应用 CSS 规则：

如果将两种规则应用于同一文本，浏览器显示这两种规则的所有属性，除非特定的属性发生冲突。例如，一种规则可能指定文本颜色为蓝色，而另一种规则可能指定文本颜色为红色。
如果应用于同一文本的两种规则的属性发生冲突，则浏览器显示最里面的规则（离文本本身最近的规则）的属性。因此，如果外部样式表和内联样式同时影响文本元素，则应用内联样式。
如果有直接冲突，则自定义 CSS 规则（使用 class 属性应用的规则）中的属性将覆盖 HTML 标签样式中的属性。
在下面的示例中，为 h1 定义的样式可以指定所有 h1 段落的字体、大小和颜色，但应用于该段落的自定义 CSS 规则 .Blue 将覆盖 h1 样式中的颜色设置。另一个自定义 CSS 规则 .Red 将覆盖 .Blue，因为它位于 .Blue 样式的内部。

<h1><span class="Blue">This paragraph is controlled by the .Blue custom style and h1
HTML tag style.<span class="Red">Except this sentence is controlled by the .Red style.</span>
Now we're back to the .Blue style.</span></h1>

玩转Dreamweaver8.0：关于冲突的CSS规则
作者：佚名 文章来源：www.top-sales.com.cn 点击数： 更新时间：2007-3-22
[ 字体：缩小 正常 放大 | 双击自动滚屏 ]	请选择合适的字体颜色： 选择颜色 黑 色 红 色 黄 色 绿 色 橙 色 紫 色 蓝 色 褐 色 墨 绿 深 蓝 赭 石 粉 绿 淡 绿 黄 灰 翠 绿 综 红 砖 红 淡 蓝 暗 红 玫瑰红 紫 红 桔 黄 军 黄 烟 灰 深 灰 灰 蓝
文章录入：admin    责任编辑：admin
上一个文章： 玩转Dreamweaver 8：了解CSS层叠样式表 下一个文章： 玩转 Dreamweaver8.0:速记 CSS 属性
【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】