我有一个标题 div，我想在其中显示一种颜色。当我为整个背景添加颜色时，标题颜色不再显示。
这是 HTML:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="shortcut icon" href="images/logo.png">
</head>
<body>
<div class='grid'>
<div class='header'>
<div class='col4head'>
<a><img src="images/logoname.png"></a>
</div>
<div class='col8head'>
<p>name<br/>title</p>
</div>
</div>
<hr/>
这是 CSS:
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #e9ece5;
}
.grid {
column-count: 12;
}
.header {
width: 100%;
max-height: 70px;
display: flex;
overflow: auto;
background-color: #c0dfd9;
.header a img {
max-height: 70px;
position: fixed;
}
最佳答案
两件事:
您在 CSS 的 .header 处缺少右大括号。
使用 * 选择器，您可以定位页面上的每个元素，我建议您将背景颜色放在正文元素上，例如:
body { background-color: red; }
关于html - 添加页面背景颜色，标题颜色消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33639393/