Question

是否可以从div获取css属性，如果它使用:nth-child选择器添加不同的颜色，然后将其添加到类中？我将提供示例

HTML：

<div class="blog-post"></div>
<div class="blog-post"></div>
<div class="blog-post"></div>
<div class="blog-post"></div>
etc

CSS：

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

到目前为止，如果颜色看起来不适用，但它确实如此。我的代码并不完全正确，它是一个简化的版本（不想制作）这里有大量的代码。）

如果满足某些条件，我还会循环遍历所有blog-post并添加课程bla

我的问题是如何才能获得当前border-bottom-color的{{1}}并将其应用于课程blog-post，而无需制作庞大的剧本？

谢谢！

Answer 1

添加css规则不是一个好的解决方案。实际上最好的方法是添加css类，而不是css规则。此外，如果可以将规则添加到css类（我认为这是不可能的），您希望在循环中为border-bottom-color类添加bla规则，并为每个blog-post添加border-bottom-color类类。这样，每次都会更改bla课程中{{1}}规则的值！我认为你对问题的处理方法不正确。

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

1 个答案: