如何用纯样式实现CSS的n%3颜色交替效果?-灵析社区
兰豆儿.c { --color1: #fff; --color2: #da3838; --color3: rgb(49, 196, 23); p { ... } } 我希望 `p:nth-child(n%3)` 对应 `--color(n%3)`, 能否用纯css样式实现? * * * 补充：是`n%3`,不是`3n` p:nth-child(1) --> --color1 p:nth-child(2) --> --color2 p:nth-child(3) --> --color3 p:nth-child(4) --> --color1 p:nth-child(5) --> --color2 p:nth-child(6) --> --color3 ...
爬虫爬呀爬p {
font-weight: bold;
}
li:nth-child(3n) {
border: 2px solid orange;
margin-bottom: 1px;
}
Track & field champions:
Adhemar da Silva
Wang Junxia
Wilma Rudolph
Babe Didrikson-Zaharias
Betty Cuthbert
Fanny Blankers-Koen
Florence Griffith-Joyner
Irena Szewinska
Jackie Joyner-Kersee
Shirley Strickland
Carl Lewis
Emil Zatopek
Haile Gebrselassie
Jesse Owens
Jim Thorpe
Paavo Nurmi
Sergei Bubka
Usain Bolt
"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241111/ea9196cb6dcf6aabf5aacc291cd1507a.png)
«"https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-> child" (https://link.segmentfault.com/?enc=Bqr2q2rXsatjdm3SlqKAAQ%3D%3D.%2BnAdteY5yYzer0WtbBtJq29jNhjzF9xYyeuQCzU%2BXiEAC00NKdGqFBzQL893qsaVmqxOnp1H1%2FNcn7l%2Ff6MWQQ%3D%3D)»