为什么 .danger h1 { color: #ff0000; } 这样会覆盖全局的 h1 样式呢？
miniyao 2017-12-08 14:05:36 +08:00 1505 次点击这是一个创建于 2930 天前的主题，其中的信息可能已经有所发展或是发生改变。
我在 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 样式的覆盖顺序由什么问题吗？
 | 1 phy25 2017-12-08 14:15:52 +08:00 via Android  1 .danger > h1 ？可以看看是不是 body 之类的位置带了个 .danger …… |
 | 2 miniyao OP @phy25 加了箭头 > 也没用，避免冲突，我改成 .danger-abc h1{...} 也还是会覆盖别的 h1，好奇怪。明明那个 h1 是写在 class="xxx"里的。 |
 | 3 wleven 2017-12-08 14:29:56 +08:00 1 F12 |
Select Language