我有类似的东西:
<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?
解决方法
您的问题的最正确答案是…
#content > div:first-of-type { /* css */ }
这会将CSS应用于第一个div,它是#content的直接子元素(可能或可能不是#content的第一个子元素)
另一种选择:
#content > div:nth-of-type(1) { /* css */ }