为什么 .danger h1 { color: #ff0000; } 这样会覆盖全局的 h1 样式呢？

我在 styles.css 文件里定义了这样一行：

.danger h1 { color: #ff0000; } 

页面 HTML 就是这样：

<div class="danger"> <h1>危险操作</h1> </div> 

结果搞得其他好几个地方的<h1>Title</h1>颜色都变红颜色 #ff0000 了，但也有的地方又没有变。大多的结构都类似是这样的写法：

<div class="xxx"> <h1>Title</h1> </div> 

（系统全局默认引用了 百度 cdn 的 bootstrap css ）这个 css 样式的覆盖顺序由什么问题吗？