Обратиться к первому элементу дочерного объекта

Question

Пытаюсь назначить свойство первому элементу, в данном случаи <img> и <i></i>

.all>*>img:first-of-type,
.all>*>i:first-of-type {
  width: clamp(25px, 10%, 30px);
}

<div class='all'>
  <div>
    <img>
    <div></div>
  </div>
  <a>
    <i></i>
    <div></div>
  </a>
</div>

Как выполнить это без конкретной привязки.

.all > * > *:first-of-type

В данном случаи присваивается свойство всем дочерним элементам

Answer 1

div.all>*>*:first-child {
  background-color: red;
}

<div class='all'>
  <div>
    <img alt="IMG">
    <div>DIV</div>
  </div>
  <a>
    <i>I</i>
    <div>DIV</div>
  </a>
</div>