<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 怎么办?我知道这是可能的,但无法终生弄清楚。
我可能不得不对子选择器使用某些东西,但它一直无法正常工作,我几乎尝试了所有可能的组合。
最佳答案
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>
关于html - 在不使用类或 ID 的情况下选择 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53795813/