CSS First-child

Question

"Установите любой элемент с меткой id содержимого с потомком первого потомка любого из h1, h2, h3, h4, h5 и h6 следующим образом:"

Селектор, который я создал, находится ниже:

#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 {}
  

Пример

• выберите сам элемент #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');
  

* * Пример тысячи двадцать-одина * +1022 *

Answer 2

Вы можете добавить class="header" ко всем вашим тегам h *. Таким образом, ваш CSS теперь будет

#content:first-child .header { /* whatever */ }

Проблема здесь в том, что вам нужно помнить, чтобы поставить class="header" на каждый нужный вам тег