我的跨度有什么区别？

Question

我的回声中有两个跨度：

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>';

与班级的跨度：＆＃34; elementDivNr＆＃34; ＆安培;跨越班级：＆＃34; elementDivWeight＆＃34;。

我尝试使用CSS设置跨距的背景颜色：

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

现在......为什么只有其中一个人获得红色背景？如何搜索＆＃34;覆盖＆＃34;？

我的代码在CSS和JS中都相当大，因为这是一个＆＃34; DnD＆＃34;应用

更新
奇怪的是，我无法使用CSS访问此范围。

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

更改字体大小也没有效果。

UPPDATE

https://jsfiddle.net/1u8evdr8/

Answer 1

你错过了一个结束＆＃34;在你的DIV的样式标签上。

所以这个：

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>';

应该是这样的：

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

找到它..

我在风格道具中错过了一个封闭。

Answer 3

如果您观察到样式attr没有关闭＆＃34;在代码中请关闭它

 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>';