我有一个帖子的网格,我试图给h2标签之间的每个标题不同的颜色(绿色,红色,蓝色 - 一遍又一遍的模式)。multiple:n-child语句
的HTML(简体)是这样的:
<div class="fusion-posts-container">
<div>
<div>
<div>
<ul>
<li>
<div>
<img>
<div>
<div>
<a></a>
<div></div>
<a></a>
<h4><a></a></h4>
<div>
<a></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="fusion-post-content-wrapper">
<div class="fusion-post-content post-content">
<h2 class="entry-title"><a>THIS TITLE</a></h2>
我尝试了好几种方法,我已经得到了到目标锚并改变其颜色最接近的是这样的:
.fusion-posts-container div:nth-child(3n+3) a{
color: #b7e352 !important;/*red*/
}
.fusion-posts-container div:nth-child(3n+1) a{
color: #fb5322 !important;/*green*/
}
.fusion-posts-container div:nth-child(3n+2) a{
color: #1592b0 !important;/*blue*/
}
但是,唯一有效的是红色,如果我全部使用它们,它会将最后一种颜色应用于所有标题。
我试过这CSS: Can't get multiple :nth-child selectors to work但没有工作,任何人都可以指出我正确的方向?
显示HTML结束 – dippas