gpt4 book ai didi

html - CSS 子元素的替代颜色

转载 作者:可可西里 更新时间:2023-11-01 13:03:47 26 4
gpt4 key购买 nike

<分区>

我试图通过以下语法向我的 div 内的子元素显示替代颜色:

    div:nth-of-type(odd).z .b {
background: red;
height: 20px;
width: 100px;
margin: 0px;
padding: 5px;
}
div:nth-of-type(even).z .b {
background: blue;
height: 20px;
width: 100px;
margin: 15px;
padding: 5px;
}
<div class="z">
<div class="a"></div>`
</div>
<div class="z">
<div class="b"></div>
</div>
<div class="z">
<div class="b"></div>
</div>
<div class="z">
<div class="a"></div>
</div>
<div class="z">
<div class="b"></div>
</div>

Related JSFiddle

但它没有交替颜色,最后一个 b 类就像一个偶数子,尽管只有 3 个 b 类。请提供解决方案。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com