überschreiben einer CSS-hintergrund-Farbe
also ich habe Folgendes
.select,
.input,
.schedule,
.editableFields
{
cursor: pointer;
background-color: blue;
}
und überschreibt dieses die folgenden:
#past .layer.color {
background-color: #E5D403 !important; /*this needs to be the first priority color*/
}
EDIT: Wenn ich nur diese zweite CSS, es funktioniert! Aber wenn ich die blauen es alle Farben, die es braucht, um-und ÜBERSCHREIBUNGEN der #Vergangenheit (die ich nicht wollen, es zu tun!)
Aber ich brauche die zweite hintergrund-Farbe zu überschreiben die erste hintergrund-Farbe. Ich habe versucht, gibt es viele IDs und viele Klassen und auch mit !wichtig, aber nichts scheint zu funktionieren...bitte um Hilfe!! (Ich weiß nicht, ob es eine Rolle spielt, aber ich bin auch mit twitter bootstrap, aber ich habe alle meine css-Regeln in eine benutzerdefinierte.css)
Ich auch versucht, indem ein inline-css in den html-Code. Es gibt eine Tonne von html, also werde ich einfach den oberen Teil
<div class="accordionGroups">
<div class="accordionHeading">
<a class="accordion collapsed" data-toggle="collapse"
data-parent="#mainAccordion" data-target="#collapseThree"> <i
class="twistyIcon"></i> Layers
</a>
</div>
<div id="collapseFirst" class="accordion-body collapse">
<div class="accordion-inner scrollable">
<ul id="layers-dropdown-menu">
<li><label class="checkbox" id="past"> <span class="layer color legend"></span> Past
</label></li>
als background-color:#E5D403 aber es gab mir ein Fehler und ich bin nicht sicher, warum (vielleicht habe ich es in der falschen Stelle im html?)
Des folgenden nicht funktionieren:
.checkbox span .layer.color.legend
{
background-color: #E5D403 !important;
}
- posten Sie Ihre vollständigen html-code, wo ist die Klasse
.layer
- Was ist das erste, Hintergrundfarbe und die zweite?
- Diese CSS Regeln sind in der Auswahl der verschiedenen Elemente, so würde man nicht überschreiben die anderen. Sicherzustellen, dass Sie die Wahl der richtigen element in eurer css
- es gibt keine übergeordnete in der obigen css. Geben Sie den vollständigen html-und erklären Sie sich besser.
- verwenden !wichtig 😉
- Ich habe den ersten Teil meiner html. die gesamte Datei ist riesig, aber das sollte ausreichend sein.
- Wie ist das html-relevant zu dem rest der Frage? Ich sehe absolut keinen Zusammenhang zwischen css und markup.
- Ich bin versucht zu machen, die id "Vergangenheit" (aus dem html -) Hintergrundfarbe überschreiben Sie die erste css habe ich dort oben.
- Die
#past .layer.color
span nicht wirklich alles enthalten. - aber wenn ich nicht die erste hintergrund-Farbe, zeigt es perfekt. so ist es nicht enthalten. Muss ich nur die Vergangenheit .Schicht.Farbe ersetzen die erste css-Zustand. die Farben sind für unterschiedliche Situationen.
- Ich habe bearbeitet Sie meine Frage wieder
Du musst angemeldet sein, um einen Kommentar abzugeben.
Diese nicht funktioniert?
.layer.color
bezieht sich auf ein element, das leer ist, und daher nicht nehmen jeden Platz auf dem Bildschirm.Was soll die Ausgabe Aussehen? Wenn Sie ein Bild von dem, was Sie erwarten, wir könnten in der Lage sein, um Ihnen zu helfen mehr.
Sans, die, wenn Sie wollen "Vergangenheit" zu haben, die neue hintergrund Farbe, die Sie brauchen, um es innerhalb der span-tags -
<span class="layer color legend">Past</span>
Verpasste Raum zwischen Klasse
versuchen, diese
HTML
CSS
.layer .color
bedeutet, dass ein element mit der Klassecolor
in einem element mit der Klasselayer
..layer.color
bedeutet, dass ein element der beiden Klassen.Your text is not inside span
.Ich endlich kapiert, Jungs. Ich konnte Sie nicht beheben dieses Fehlers in der CSS. Da meine Seite wird dynamisch aktualisiert, ich hatte, dies zu beheben, in javascript, wenn ich es Schaffe jede der Reihen.