<p>我一直在尝试仅选择电子邮件正文中的第一个blockquote，其大致如下：</p> <pre class="brush:php;toolbar:false;">&lt;div class=&quot;myclass&quot;&gt; &lt;br&gt;&lt;p&gt;&lt;/p&gt; &lt;div&gt;&lt;div&gt; &lt;!--有时较少，有时较多的div--&gt; &lt;blockquote&gt; &lt;!--我想要选择的blockquote--&gt; &lt;div&gt; &lt;div&gt; &lt;br&gt; &lt;blockquote&gt; &lt;等等...&gt; &lt;/blockquote&gt; &lt;/div&gt; &lt;/div&gt; &lt;/blockquote&gt; &lt;/div&gt;&lt;/div&gt; &lt;/div&gt;</pre> <p>问题是，格式可能因电子邮件而异，并且在第一个blockquote之前可能有一个或多个div，</p><p> 因此使用：</p> <pre class="brush:php;toolbar:false;">.myclass &gt; div &gt; div &gt; blockquote {}</pre> <p>并不总是有效，</p><p> 这个：</p> <pre class="brush:php;toolbar:false;">.myclass blockquote:first-of-type {}</pre> <p>会选择每个blockquote</p> <p>所以我只想选择无论其在html树上的位置如何的第一个blockquote。</p>

.myclass blockquote:not(blockquote blockquote) {
  background-color: red;
}

<div class="myclass">
  <br>
  <p></p>
  <div>
    <div>
      <!--有时少有时多的div-->
      <blockquote>
        <!--我想选择的blockquote-->
        <div>
          <div> <br>
            <blockquote>
            </blockquote>
          </div>
        </div>
      </blockquote>
    </div>
  </div>
</div>