CSS 第一个 child

Question

“使用 h1、h2、h3、h4、h5 和 h6 中任何一个的第一个子后代元素设置任何内容 id 标签元素，如下所示:”

我创建的选择器如下所示:

#content:first-child h1,
#content:first-child h2, 
#content:first-child h3, 
#content:first-child h4, 
#content:first-child h5, 
#content:first-child h6 {}

这是正确的吗？如果可以，可以进一步简化吗？

感谢大家的帮助!

Answer 1

描述有点不清楚，但是，据我所知，你想要要么

• 选择那些 h* 元素，然后样式如下:

  #content h1:first-child,
  #content h2:first-child, 
  #content h3:first-child, 
  #content h4:first-child, 
  #content h5:first-child, 
  #content h6:first-child {}
  

Example

• 选择 #container 元素本身，以防它的第一个子元素是 h* 家族之一。然后你不能用纯 CSS 实现这个，需要添加一个简单的 JS，比如(在这种情况下使用 jQuery):

  $('#content').has('h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child');
  

Example