CSS wird nicht vom Stylesheet übernommen?

Ich bin nicht sicher, warum das nicht funktioniert, aber ich versuche, eine Überblendungsleiste auf einer Seite, die im Grunde nur ein Farbblock über einige Inhalte ist.CSS wird nicht vom Stylesheet übernommen?

Ich benutze Bootstrap 3, aber nicht sicher, dass etwas damit zu tun hat. Wenn ich die Farbe mit einem Style-Tag direkt auf mein div-Tag anwende, funktioniert es. Ich möchte es jedoch in meinem Stylesheet haben, damit ich einen linken und rechten Rand hinzufügen kann. Wenn ich dasselbe in mein Stylesheet lege und versuche, den Stil anzuwenden, wird es nicht angezeigt. Ich lerne immer noch, die Entwicklungswerkzeuge zu verwenden, aber wenn ich es mit F12 betrachte, sehe ich so aus, als ob es meinen Stylesheet-Stil anwendet, wie es sollte.

Irgendwelche Ideen, was ich falsch mache?

Das funktioniert. Ich benutze einen Punkt, um die Höhe für jetzt zu steuern, aber werde schließlich versuchen, einige Höhe anzubringen, die styling.

<div class="row"> 
    <div class="col-md-12" style="background-color:#6f88a1">.</div> 
</div>

Dies gilt nicht

.home_transition_bar 
{ 
    border-left: 1px solid Black; 
    border-right: 1px solid Black; 
    background-color: #6f88a1; 
} 

<div class="row"> 
    <div class="col-md-12 home_transition_bar">.</div> 
</div>

Quelle

2016-06-14 Caverman

Haben Sie es überprüft, um zu sehen, ob es etwas gibt, das wichtiger ist als Ihre CSS-Regel? Versuchen Sie, '! Wichtig 'zu Ihrer Hintergrundfarbe hinzuzufügen und zu sehen, ob das funktioniert - so' Hintergrund-Farbe: # 6f88a1! Wichtig;' –

Funktioniert gut für mich http://www.bootply.com/R8h7HwT8aV – j08691

Ehrlich weiß nicht was ich anders gemacht habe als vielleicht, aber als ich zurückging, um diesmal den Stylesheet-Stil anzuwenden, funktionierte es? Ich habe es drei Mal versucht, Änderungen vorzunehmen, und der Abschnitt würde sich so verhalten, als ob nichts angewendet würde. Nun, zumindest funktioniert es jetzt. Danke für das Betrachten. – Caverman

gut, Bootstrap hat einige vordefinierte Stile ..., um sie vielleicht, einfach CSS-Code zu überschreiben nicht akzeptiert werden. Versuchen Sie daher am Ende des Stils "! Wichtig". Zum Beispiel:

#header 
{ 
    background-color: red !important; 
}

Ich arbeite mit Bootstrap und das hat es für mich getan. Hoffe es hilft

Quelle

2016-06-14 15:54:36

CSS wird nicht vom Stylesheet übernommen?

Antwort

Verwandte Themen