第一个孩子没有选择第一个类型

Question

您好，

我遇到了第一胎选择器的问题。这是我的HTML代码

<div> 
 <div></div>
 <article class="portfolio"></article>
 <article class="portfolio"></article>
 <article class="portfolio"></article>
</div>

我想从列表中选择第一个article，所以我这样做

article.portfolio:first-child {}

但它无法正常工作。只有当我删除它上方的div时，它才会选择它。我认为first-child会从父div中选择第一个文章，而是将其上方的div计算为第一个孩子。

我这样做的第一个孩子选择只考虑文章而忽略所有其他元素类型？

谢谢。

Answer 1

没有元素拥有该类并且是第一个孩子。如果您想要该类的第一个元素，请使用.portfolio:first-of-type。