2017-04-18 54 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>';