css - 什么 CSS 选择器可以用来选择另一个 div 中的第一个 div

Question

我有这样的东西:

<div id="content>

   <h1>Welcome to Motor City Deli!</h1>
   <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div>
   <div > ... </div>

第二个 div(“内容”div 中的第一个 div)的 css 选择器是什么，以便我可以在该 div 中设置日期的字体颜色？

Answer 1

您问题的最正确答案是...

#content > div:first-of-type { /* css */ }

这会将 CSS 应用于第一个 div，它是#content 的直接子元素(它可能是也可能不是#content 的第一个子元素)

另一种选择:

#content > div:nth-of-type(1) { /* css */ }