Using the :nth-child pseudo class, what would be the most efficient way to style every third item in a list, no matter how many items are present, starting with item 2?

by Editorial Staff

Advertisement

li:nth-child(3 + 2n) {
margin: 0 5 px;
}
li:nth-child(3n + 2) {
margin: 0 5 px;
}
li:nth-child(2),
li:nth-child(5),
li:nth-child(8) {
margin: 0 5 px;
}
li:nth-child(2n + 3) {
margin: 0 5 px;
}

Leave a Comment Cancel reply

Share via