2016-12-26 6 views
0

Ich kann mich nicht erinnern, wie man den Hintergrund in einem CSS-Blatt im HTML-Code überschreibt, der a.node muss blau sein. In meinem HTML habe ich style="background:blue" Mehrere Beispiele auf SO haben diese Frage nicht gelöst - sie sind ähnlich, aber nicht in der Lage zu lösen.js-mindmap CSS Hintergrundfarbe aus Stylesheet überschreiben

Meine CSS Seite:

body { 
background:black; 
} 
.js-mindmap-active a.node { 
    background:red; 
    border: 2px solid white; 
    -webkit-border-top-left-radius: 20px; 
    -webkit-border-bottom-right-radius: 20px; 
    -moz-border-radius-topleft: 20px; 
    -moz-border-radius-bottomright: 20px; 
    border-top-left-radius: 20px; 
    border-bottom-right-radius: 20px;  
} 
.js-mindmap-active a.node.active { 
    padding:5px 10px !important; 
    border-width:5px !important; 
} 
.js-mindmap-active a.node.activeparent { 
    padding:5px 10px !important; 
    border-width:5px !important; 
    background:#8B0000; 
} 

html:

<body> 
    <ul> 
    <li><a href="http://sample.com/">ALS</a> 
     <ul> 
     <li><a href="#" target="_blank" style="background:blue">Chest Pain</a></li> 
     <li><a href="#" target="_blank" class="icon linkedin">Shortness of Breath</a></li> 
     <li><a href="#" target="_blank" class="icon facebook">Allergic Reaction</a></li> 
     <li><a href="http://www.google.com" target="_blank" class="icon twitter" title="goo">Diabetic</a></li> 
     <li><a href="#">STEMI</a> 
     <ul> 
      <li><a href="#" target="_blank" class="icon twitter" title="9">ACS</a></li> 
      <li><a href="#" target="_blank" class="icon twitter" title="13">STEMI</a> 
       <ul> 
       <li><a href="#" title="A">Treatment</a></li> 
       <li><a href="#" title="C">Protocol</a></li> 
       </ul> 
      </li> 
     </ul> 
     </li> 


     </ul> 
    </li> 
    </ul> 
</body> 
+0

Sie können einfach 'b ackground: blue; 'im Stylesheet den Gegenstand anzielen ... fügen Sie vielleicht eine Klasse dazu hinzu –

+0

Probieren Sie das aus---- background-color: blue –

+0

Mögliche Duplikate von [Wie kann ich Inline-Stile mit externem CSS überschreiben?] (http : //stackoverflow.com/questions/16813220/how-can-i-override-inline-styles-with-external-css) –

Antwort

1

Sie können !important am Ende der CSS-Eigenschaft hinzu:

background:blue !important; 

Wichtig wird alle Kaskadierung CSS

vermeiden
+0

noch nicht überschreiben farbe? – BarclayVision