javascript - 如何使输入框中的第三个项目具有不同的颜色？（JS、HTML、CSS）

Question

我有一个输入框，我可以在其中输入文本，按回车键，它会在列表中返回该文本。但是，我希望它每隔三个元素返回一次蓝色。我怎样才能做到这一点？现在，我只有：

if(document.getElementById('item').value % 3 == 0) {
color: red;
}

标签： javascripthtmlcss

Answer 1

使用 CSS：

#item:nth-child(3) {  
  color: #ccc;
}

将其应用于每三个项目：

#item:nth-child(3n) {  
  color: #ccc;
}

考虑使用类而不是 id。