Javascript 从类（动态）获取css属性并将其添加到另一个类

如果一个

div

使用

：n子项

选择器添加不同的颜色，然后将其添加到一个类中，是否可以从该子项中获取css属性？我将提供一个示例

HTML:

到目前为止，如果颜色看起来不适用，但它确实适用。这与我的代码不完全一样，它是一个简化版本（不想在这里生成大量代码行）

我也在浏览所有的

博客文章

，如果满足某些条件，我会添加一个类

bla

我的问题是如何获得当前

博客文章的
边框底色
，并将其应用于类
bla
，而不需要编写大量脚本

谢谢
 添加css规则不是一个好的解决方案。实际上，最好的方法是添加css类，而不是css规则。此外，如果可以将规则添加到css类中（我认为这是不可能的），则需要将
边框底色
规则添加到循环中的
bla
类和每个
博客文章
类中。这样，
bla
类中的
border-bottom-color
规则的值每次都会改变！我认为您解决问题的方法不正确。
css正在工作-使用
getComputedStyle
获取来自css的元素的样式。
<div class="blog-post"></div>
<div class="blog-post"></div>
<div class="blog-post"></div>
<div class="blog-post"></div>
etc

.blog-post{
    border-bottom: 3px solid #639b16;
}

.blog-post:nth-child(2n+2){
    border-bottom-color: #64169b;
}

.blog-post:nth-child(3n+3){
    border-bottom-color: #9b5816;
}
.blog-post:nth-child(5n+5){
border-bottom-color: #639b16;
}