Html CSS中的第n个子项

我以前使用过第n个child，但由于某些原因无法将正确的div作为目标：

<div class='main'>...</div>
  <div class='color'>...</div>
  <div class='number'>...</div>
    <div class='target_div'>...</div>
      <div class='target_me_one'>...</div>
      <div class='target_me_two'>...</div>
<div class='main'>...</div>
<div class='main'>...</div>
<div class='main'>...</div>
<div class='main'>...</div>
<div class='main'>...</div>
<div class='main'>...</div>

。。。
...
...
...
...
...
...
...
...
...
...
...

我希望第一次出现main，main（number）的第二个孩子，number（target_div）的第一个孩子，然后是target_div的两个孩子

这项工作的全部目标是从main的第一次出现开始改变target_me_one/target_me_two all。我无法通过选择器将这两个单独作为目标（因为我使用的是插件）

这是可能的还是我太离谱了？

使用“类型的第一个”而不是第n个孩子

以下是JSFIDLE：

请让我知道它是否有效

使用“类型的第一个”而不是第n个孩子

以下是JSFIDLE：

请让我知道它是否有效

使用“类型的第一个”而不是第n个孩子

以下是JSFIDLE：

请让我知道它是否有效

使用“类型的第一个”而不是第n个孩子

以下是JSFIDLE：

---

请让我知道它是否有效

您没有任何子元素可供选择

您可能想到的是类型选择器的

：n

e、 g:


与往常一样，请注意，这在IE中不起作用，因为您没有任何子元素可供选择

您可能想到的是类型选择器的
：n

e、 g:


与往常一样，请注意，这在IE中不起作用，因为您没有任何子元素可供选择

您可能想到的是类型选择器的
：n

e、 g:


与往常一样，请注意，这在IE中不起作用，因为您没有任何子元素可供选择

您可能想到的是类型选择器的
：n

e、 g:


与往常一样，请注意，这在IE中不起作用这将实现您期望的功能，而不依赖于特定选择器的类。查看

这将实现您期望的功能，而不依赖于特定选择器的类。查看

这将实现您期望的功能，而不依赖于特定选择器的类。查看

这将实现您期望的功能，而不依赖于特定选择器的类。查看

在您的示例中，div就是这样缩进的。它们不是实际的子元素。也许这就是问题的原因。如果不是，请使用要用于目标的选择器编辑问题。最好是用最少的代码来重现问题？？在您的示例中，div就是这样缩进的。它们不是实际的子元素。也许这就是问题的原因。如果不是，请使用要用于目标的选择器编辑问题。最好是用最少的代码来重现问题？？在您的示例中，div就是这样缩进的。它们不是实际的子元素。也许这就是问题的原因。如果不是，请使用要用于目标的选择器编辑问题。最好是用最少的代码来重现问题？？在您的示例中，div就是这样缩进的。它们不是实际的子元素。也许这就是问题的原因。如果不是，请使用要用于目标的选择器编辑问题。最好是用最少的代码来重现问题？？谢谢masum7。这也是一个很好的解决方案。西安发的那封信比我要找的要多一些。谢谢。这也是一个很好的解决方案。西安发的那封信比我要找的要多一些。谢谢。这也是一个很好的解决方案。西安发的那封信比我要找的要多一些。谢谢。这也是一个很好的解决方案。西安贴的那个比我要找的多了一点。谢谢你的提醒。你说得对，第n种类型正是我想要的。谢谢你的提醒。你说得对，第n种类型正是我想要的。谢谢你的提醒。你说得对，第n种类型正是我想要的。谢谢你的提醒。你说得对，我要找的是第n种类型。@user3007294很高兴我能帮上忙@用户3007294很高兴我能帮忙@用户3007294很高兴我能帮忙@用户3007294很高兴我能帮忙！
    .main:first-of-type .target_me_one {
        background: #ff0000;
    }

    .main:first-of-type .target_me_two {
        background: #ff0000;
    }

.main{
    /* All */
}

.main:nth-of-type(1){
    /* First */
}

.main:nth-of-type(2){
    /* Second */
}

      .main:first-of-type > *:nth-child(2) > *:nth-child(1) * {
        color: red;
      }