html - 查询：CSS 覆盖 reg

Question

考虑以下标记：

<div>
  Hey Senorita
</div>

<div class="alkaline">
  Hey Alkaline
</div>

<div>
  Hey Amour!
</div>
 

再加上以下CSS：

* {
  color:pink;
}
div.alkaline {
  color:grey;
}
div {
  color:orange;
}

保存文件后，我希望所有文件中的文本都<div>可以orange，但结果如下：-

有人请解释为什么在这种情况下没有发生css覆盖？

标签： htmlcss

Answer 1

您的 CSS 优先考虑 .alkaline 类而不是 div 。如果你想要所有东西，你可以将颜色从灰色更改为橙​​色，或者你可以删除它。你的CSS部分的碱性造型部分。