CSS選擇器除了3的倍數

/*使用CSS選擇器可以方便地針對特定的HTML元素進行樣式修改，但是有時候需要針對某些特定的元素進行樣式修改，比如不選擇3的倍數元素，可以這樣操作*/
/*使用nth-child(n)可以選擇排在父元素中第n個子元素，如果希望不選擇3的倍數元素，則可以使用:nth-child(3n+1)和:nth-child(3n+2)，排除掉第3、6、9...個元素*/
/*例如：*/
ul li:nth-child(3n+1){
/*選擇第1、4、7、10...個LI元素*/
background-color: red;
}
ul li:nth-child(3n+2){
/*選擇第2、5、8、11...個LI元素*/
background-color: blue;
}
ul li:nth-child(3n){
/*選擇第3、6、9、12...個LI元素*/
background-color: green;
}

除了CSS選擇器外，還有其他方法可以排除3的倍數元素

/*使用JavaScript的forEach()方法可以輕松地遍歷HTML元素集合，然后使用if語句判斷是否是3的倍數元素，如果是則跳過，不執行相應的操作*/
/*例如：*/
let elList = document.querySelectorAll("ul li");
elList.forEach(function (el, index) {
/*排除3的倍數元素*/
if ((index + 1) % 3 == 0) {
return;
}
/*執行相應的操作*/
el.style.backgroundColor = "red";
});