在活动类上使用第N个选择器

Question

如何使用第n个选择器将一组样式添加到最后一个？

我有一组div，只有一些包含某个类。如何在包含该类的最后一个div中添加背景颜色等样式。

我已经尝试了最后一个孩子和最后一个类型。似乎无法选择带有“Active”类的最后一个。

div.active::after {
    content: 'ify'; 
}
div.active:last-of-type {
    background:red;
}

<div class="active">Snake</div>
<div>Rabbit</div>
<div>Squirtle</div>
<div class="active">Corn</div>
<div class="active">Drake</div>
<div>Yellow</div>

https://jsfiddle.net/kp0axjkq/