如何使用内联样式更改最后一个孩子

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 包含您要更改的属性， value 包含property的值。例如，

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