Was ist der Unterschied zwischen meinen Spannen?

Question

Ich habe zwei Spannweiten in meinem Echo:

echo '<div class="elementsDiv" id="'.$row['objekt_nr']."_".$row['element_nr'].'" data-weight="'.$row['vikt'].'" data-nr="'.$row['element_nr'].'" style="width: '.$langd.'px; height: '.$bredd.'px;><span class="elementDivNr">'.$row['element_nr'].'</span><span class="elementDivWeight">'.round($viktT, 2).' t</span></div>'; 

Span mit Klasse: "elementDivNr" & Spannweite mit Klasse: "elementDivWeight".

Ich versuche, eine Hintergrundfarbe für die Spannweiten mit CSS zu setzen:

span.elementDivNr{ 
    background-color: red !important; 
} 
span.elementDivWeight{ 
    background-color: red !important; 
} 

Nun ... warum nur eine von ihnen ist die rote Farbe Hintergrund zu bekommen? Wie kann ich nach "Überschreibungen" suchen?

Mein Code ist ziemlich groß in beiden CSS und JS, da dies eine "DnD" -Anwendung ist.

UPDATE
Es ist seltsam, dass ich nicht diese Spanne überhaupt mit CSS zugreifen kann.

span.elementDivNr{ 
    background-color: red !important; 
    font-size: 14px; 
} 

Das Ändern der Schriftgröße hat auch keine Auswirkung.

UPPDATE

https://jsfiddle.net/1u8evdr8/

Answer 1

Du eine Schließung fehlt" auf Ihrem Stil-Tag Dein DIV.

So folgt aus:

echo '<div class="elementsDiv" id="'.$row['objekt_nr']."_".$row['element_nr'].'" data-weight="'.$row['vikt'].'" data-nr="'.$row['element_nr'].'" style="width: '.$langd.'px; height: '.$bredd.'px;><span class="elementDivNr">'.$row['element_nr'].'</span><span class="elementDivWeight">'.round($viktT, 2).' t</span></div>'; 

Sollte dies sein:

echo '<div class="elementsDiv" id="'.$row['objekt_nr']."_".$row['element_nr'].'" data-weight="'.$row['vikt'].'" data-nr="'.$row['element_nr'].'" style="width: '.$langd.'px; height: '.$bredd.'px;"><span class="elementDivNr">'.$row['element_nr'].'</span><span class="elementDivWeight">'.round($viktT, 2).' t</span></div>'; 

Answer 2

es gefunden ..

ich eine Schließung fehlt "im Stil prop.

Answer 3

Wenn Sie Stil attr beobachten nicht mit "im Code geschlossen ist bitte

schließen

echo '<div class="elementsDiv" id="'.$row['objekt_nr']."_".$row['element_nr'].'" 
data-weight="'.$row['vikt'].'" 
data-nr="'.$row['element_nr'].'" 
style="width: '.$langd.'px; height: '.$bredd.'px;"><span class="elementDivNr">'.$row['element_nr'].'</span><span class="elementDivWeight">'.round($viktT, 2).' t</span></div>';