什么CSS选择器可以用来选择第一个div在另一个div

前端之家收集整理的这篇文章主要介绍了什么CSS选择器可以用来选择第一个div在另一个div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有类似的东西:
<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 */ }
原文链接:https://www.f2er.com/css/222925.html

猜你在找的CSS相关文章