html - 在不使用类或 ID 的情况下选择 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>