2017-04-18 53 views
1

我有我的回声内的两个跨度:我的跨度有什么区别?

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

跨度类: “elementDivNr” &跨度类: “elementDivWeight”。

我尝试设置与CSS的跨度背景色:

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

现在...为什么只是其中获得红色的背景吗?我如何搜索“覆盖”?

enter image description here

我的代码是在CSS和JS相当大的,因为这是一个“免打扰”的应用程序。

UPDATE
令人奇怪的是,我无法用CSS在所有访问此跨度。

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

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

UPPDATE

https://jsfiddle.net/1u8evdr8/

+0

能否请您添加这个问题的一个片段? –

+0

你的css中可能会有另一个'!important'规则覆盖它。这就是为什么'!important'应该只在绝对必要时使用... –

+0

'.elementDivNr,.elementDivWeight {background} color:red!important; }' –

回答

3

你缺少一个右” 关于你的风格标签你的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>'; 
+1

谢谢,我刚刚发现它; D –

1

发现它..

我错过了一个闭合 “的风格道具。

1

如果你观察风格attr为不封闭“的代码,请关闭它

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