Estoy tratando de seleccionar un primer elemento de la clase 'A' en un elemento con id o clase 'B'. He intentado una combinación de selectores> + y primer hijo, ya que no es un primer elemento dentro del elemento de clase 'B'. Funcionó, pero ... estoy tratando de anular algunos css predeterminados y no tengo control sobre el lado del servidor y parece que el elemento de clase 'A' a veces se genera en una posición diferente. Aquí hay una ilustración:

<class-C>
  <class-B> might have a different name
      <some-other-classes> structure and element count might differ
      <class-A></class-A> our target
      <class-A></class-A> this shouldn't be affected
      <class-A></class-A> this shouldn't be affected
  </class-B>
</class-C>

A veces, el nombre de la clase 'B' difiere y los elementos antes de 'A' también difieren. Entonces, ¿hay alguna manera de seleccionar la primera aparición de 'A' en un elemento 'C'? Porque la clase 'C' siempre está ahí. No puedo usar los selectores +> y primer hijo, ya que la ruta al primer elemento 'A' difiere, pero el elemento 'C' siempre está ahí y sería un buen punto de partida.