background-color beyaz renkte kalır

Question

Bir web sitesi yapıyorum ama nedense benim background-color çalışmıyor. Hiçbir şey olmuyor, background-color sadece beyaz kalıyor.

çalışmıyor kod aşağıda: jsfiddle üzerine

.sub-header { 
    background-color: black !important; 
} 

Benim tam kodu: .sub-header tüm unsurlar, çünkü https://jsfiddle.net/j7mdqaop/ ve ilginç çizgilerdir 158, 159, 160.

Answer 1

i yapmaya çalışıyorsun doğru anlamak eğer: Bu keman gibi

HTML

<header class="sub-header"> 
    <div class="dropdown"> 
    <a href="#" class="main-navbar-heading-2">Chezzles</a> 
    <i class="fa fa-bars fa-fw bars" style="font-size:24px"></i> 
    </div> 
</header> 

CSS

.sub-header { 
     background-color: black !important; 
    } 
    .sub-header .dropdown { 
     background-color: black !important; 
     width: 100%; 
     height: 25px; 
     padding: 5px; 
    } 
    .sub-header .dropdown * { 
     color: white; 
    } 
    .sub-header .dropdown i { 
     top: 15px; 
    } 

    .main-navbar-heading-2 { 
     top: 5px; 
     left: 5px; 
     text-decoration: none; 
     color: black; 
     font-family: Raleway; 
     font-size: 1.3em; 
    } 

https://jsfiddle.net/Tanbi/j7mdqaop/4/

Answer 2

O var olmayan akışta

See this fiddle

.sub-header { 
    background-color: black !important; 
    display: block; 
} 

.main-navbar-heading-2 { 
    top: 5px; 
    left: 5px; 
    text-decoration: none; 
    color: black; 
    font-family: Raleway; 
    font-size: 1.3em; 
} 

(mutlak pozisyonu için)

Not: Ben background-color özelliği yapmak için display: block; eklemek yerine başlığı "Chezzles" tüm çizgi işgal ama isterse sen inline tutabilirsiniz.