为什么 .danger h1 { color: #ff0000; } 这样会覆盖全局的 h1 样式呢？
miniyao · 2017-12-08 14:05:36 +08:00 · 1235 次点击这是一个创建于 2560 天前的主题，其中的信息可能已经有所发展或是发生改变。
我在 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