如何更改內聯樣式的最後一個孩子

Question

所以我有一個元素我想通過電子郵件發送，所以它的樣式必須定義爲內聯。該樣式應用於元素的數組。我需要最後的元素是不同的風格是否有辦法做到這一點？

<div class='label' style=' margin-bottom: 5px; min-height: .75em; width: 8em; 
font-weight:bold; font-size:1.2em; color:#333; display: inline-block;'>$key: 
</div> 

Answer 1

我假設你正在使用JavaScript，因爲你說你的元素是在一個數組中。這裏是你如何訪問最後一個元素，並應用樣式吧：你要更改的屬性和值與價值

var last = arrayName.length -1; 
arrayName[last].style.cssProperty = 'value'; 

如果你與你的陣列，以取代arrayName中，cssProperty的財產。例如，

arrayName[last].style.color='red'; 

Answer 2

請試試這個。

HTML：

<div class='label' style=' margin-bottom: 5px; min-height: .75em; width: 8em; 
font-weight:bold; font-size:1.2em; color:#333;'> 

</div> 

CSS：

div.label > * {   
    display: inline-block; 
} 
div.label > :last-child{ 
    display: block; 
}