CSS后台课无效

Question

我遇到问题，我的班级没有显示在父DIV中。

css代码

.div.red {
color:red;
}

HTML

<div class="div red">Here content</div>

由于

Answer 1

我同意@krillgar。它是有效的，但不推荐。

至于问题：

<强> HTML：

<div class="div red">
  <div class="some_content"> Some Content</div>
</div>

<强> CSS：

.div, .red{
  width: 500px;
  height: 500px;
  background: red;
}

.some_content{
  background:blue;
  width: 50%;
  height: 50%;
  color: white;
}

疑难解答提示：在浏览器中检查您的元素，看看是否正在应用css类。也许正在应用类，但缺少宽度和高度。

jsFiddle：https://jsfiddle.net/psqm9tbw/

Answer 2

您的CSS样式在发布时正常工作。如果要更改背景颜色而不是文本颜色，则需要使用背景颜色：红色;。

离。

.div.red {
  background-color: red;
}

Answer 3

您正在更改文字颜色，而不是背景请参阅小提琴https://jsfiddle.net/16q2xr8k/1/

.div.red {
color:red;
background-color: blue;
}