在不使用类或ID的div中选择div

Question

<div>
   <div>A</div>
   <div>B</div>
   <div>C</div>
 </div>    

 <div>
   <div>A</div>
   <div>B</div>
   <div>C</div>
 </div>

A应该涂成红色，B应该涂成绿色，C应该涂成蓝色。现在，如果我使用类或ID，则可以轻松解决此问题，但是由于某种原因，我不想使用单个类/ ID，该怎么办？我知道这是有可能的，但是一生都无法解决。

我可能必须对子选择器使用某些东西，但是它一直无法正常工作，我几乎已经尝试了所有可能的组合。

Answer 1

nth-child是解决方案

这将允许您根据元素在父元素中的位置来选择元素

div div:nth-child(1){
  color:red;
}

div div:nth-child(2){
  color:green;
}

div div:nth-child(3){
  color:blue;
}

<div>
   <div>A</div>
   <div>B</div>
   <div>C</div>
 </div>    

 <div>
   <div>A</div>
   <div>B</div>
   <div>C</div>
 </div>