第一个子项未选择其类型的第一个子项[重复]

你好,

我的第一个孩子选择有问题。这是我的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 作为第一个孩子。

我这样做的第一个子选择哪种类型,只考虑项目,而忽略所有其他元素类型?

谢谢您。