css - 如何使用内联样式更改最后一个子项

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 替换为属性的值。例如，

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