如果元素不是直接子元素，则通过仅使用CSS选择具有特定类的元素的首次出现

Question

这是示例代码。

<div class="main-content">

  <div class="some-class">Some Class</div>

  <div class="my-class">My Class</div>

  <div class="some-other-class"> Some Other Class</div>

  <div class="my-class">My Class</div>

</div>

在主要内容中，我有类my-class，它不是父主要内容的直接子级。我想选择第一个my-class元素。有两个，我只需要第一个。我尝试了：first-child，但是不起作用，因为它不是直接子级，如果我删除some-class元素，它将起作用。我还尝试了：first-of-type，这也不起作用。

我在CSS中可以做到这一点，因为我有一些限制，即

1. 我无法更改html
2. 我不能为此使用javascript或jquery，因为我无法同时访问这两个东西。

我只能通过CSS来做。我只能访问CSS。