选择类：同一html子标记的第一个类型

我想选择第一个项目，在本例中是一个具有类“red”的列表项目标记。 但是：first of type将标记作为first的条件考虑在内，即使在CSS中没有指定标记

我希望选择具有.red类的子级的父标记中的第一个匹配项，即使它与它的同级具有相同的标记。在这种情况下，第一个类型可能不是正确的psuedo类

CSS

.red:first-of-type {
    color: red;
}

HTML

项目（这是红色）
项目
项目


项目
项目（我也希望它是红色的）
项目

---

使用第一个选择器，您可以将所有元素用

红色绘制成红色。对于第二个类，您可以通过选择除第一个类之外的具有
red
类的每个元素来覆盖它

ul li.red{ color: red; }
ul li.red ~ li.red{ color:black; }

使用第一个选择器，您可以将所有带有
red
class的元素绘制为红色。对于第二个类，您可以通过选择除第一个类之外的具有
red
类的每个元素来覆盖它

ul li.red{ color: red; }
ul li.red ~ li.red{ color:black; }

使用第一个选择器，您可以将所有带有
red
class的元素绘制为红色。对于第二个类，您可以通过选择除第一个类之外的具有
red
类的每个元素来覆盖它

ul li.red{ color: red; }
ul li.red ~ li.red{ color:black; }

使用第一个选择器，您可以将所有带有
red
class的元素绘制为红色。对于第二个类，您可以通过选择除第一个类之外的具有
red
类的每个元素来覆盖它

ul li.red{ color: red; }
ul li.red ~ li.red{ color:black; }

您不能使用

中的第一个。。。没有类的第一选择符。请参阅重复问题中的。我不知道一般同级组合符。谢谢。元问题：我应该如何解释这个问题与被标记为重复的问题（更多的是关于父标记的问题）不同？我认为这个问题具体地解决了这样一个事实，即第一种类型与不存在的第一种类型不同，并且对这个确切的场景有一个答案。所以我不确定我会如何解释这个问题，尤其是在我认为这个问题已经足够具体和不同的情况下。你不能用

第一个
。。。没有类的第一选择符。请参阅重复问题中的。我不知道一般同级组合符。谢谢。元问题：我应该如何解释这个问题与被标记为重复的问题（更多的是关于父标记的问题）不同？我认为这个问题具体地解决了这样一个事实，即第一种类型与不存在的第一种类型不同，并且对这个确切的场景有一个答案。所以我不确定我会如何解释这个问题，尤其是在我认为这个问题已经足够具体和不同的情况下。你不能用
第一个
。。。没有类的第一选择符。请参阅重复问题中的。我不知道一般同级组合符。谢谢。元问题：我应该如何解释这个问题与被标记为重复的问题（更多的是关于父标记的问题）不同？我认为这个问题具体地解决了这样一个事实，即第一种类型与不存在的第一种类型不同，并且对这个确切的场景有一个答案。所以我不确定我会如何解释这个问题，尤其是在我认为这个问题已经足够具体和不同的情况下。你不能用
第一个
。。。没有类的第一选择符。请参阅重复问题中的。我不知道一般同级组合符。谢谢。元问题：我应该如何解释这个问题与被标记为重复的问题（更多的是关于父标记的问题）不同？我认为这个问题具体地解决了这样一个事实，即第一种类型与不存在的第一种类型不同，并且对这个确切的场景有一个答案。因此，我不知道该如何解释这个问题，尤其是在我认为这个问题已经足够具体和不同的情况下。@simbasounds:不客气。这是一个很好的把戏！我决不会想到这件事！我喜欢这个，也是因为你的解决方案与旧版本兼容（例如IE7）。@simbasounds：不客气。这是一个很好的技巧！我决不会想到这件事！我喜欢这个，也是因为你的解决方案与旧版本兼容（例如IE7）。@simbasounds：不客气。这是一个很好的技巧！我决不会想到这件事！我喜欢这个，也是因为你的解决方案与旧版本兼容（例如IE7）。@simbasounds：不客气。这是一个很好的技巧！我决不会想到这件事！我喜欢这个，也是因为您的解决方案与旧版本兼容（例如IE7）。