给定这些类，这些 div 在 css 中会是什么颜色，为什么？ [复制]答案

【问题标题】：What color would these divs be in css given these classes and why? [duplicate]给定这些类，这些 div 在 css 中会是什么颜色，为什么？ [复制]
【发布时间】：2018-09-08 03:42:32
【问题描述】：

鉴于这些类，第一个和第二个 div 会应用哪种颜色？

.red {
  color: red;
}
    
.blue {
  color: blue;
}

<div class="red blue">Hello</div>
<div class="blue red">World</div>

【问题讨论】：

为什么不试试看呢？
你是在复制>粘贴试题吗？

标签： css

【解决方案1】：

在HTML中放置类的顺序没有区别，声明的顺序样式有所不同。 blue 是在 red 之后声明的，因此样式被覆盖。

【讨论】：

【解决方案2】：

CSS 代表层叠样式表。

层叠部分的意思是：

将（某事）传递给其他人。

名称级联来自指定的优先级方案，以确定如果多个规则与特定元素匹配时应用哪个样式规则。这种级联优先级方案是可预测的。

基本上，这意味着，如果color 有两种样式针对同一个元素，则最后一种将是应用的样式。在你上面的例子中是blue。

【讨论】：