Добавлен цвет фона страницы, цвет заголовка исчезает

У меня есть заголовок 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; 
}

источник

2015-11-10 laura42

Вы недостающую закрывающую фигурную скобку на .header в вашем CSS. – Timon

Спасибо @nicael. Я думаю, что отсутствующая скобка была удалена, когда я скопировал свой код. Я переместил цвет фона в тело, и он работал отлично - я переопределял другие элементы, включив его в селектор *. – laura42

две вещи:

Вы пропустили закрывающую фигурную скобку в .header вашего CSS.
С * селекторе вы ориентируетесь каждый элемент на странице, я бы посоветовал вам поставить цвет фона на ваш элемент тела, например:
```
body { 
    background-color: red; 
} 
```

источник

2015-11-10 20:56:33 Timon

Добавлен цвет фона страницы, цвет заголовка исчезает

ответ

Смежные вопросы