Titel umgeschrieben in: CSS > Erstes Element im Baum auswählen

Question

Ich habe versucht, nur das erste Blockzitat im Text der E-Mail auszuwählen, das ungefähr so ​​aussieht:

<div class="myclass">
    <br><p></p>
    <div><div> <!--manchmal weniger, manchmal mehr divs-->
        <blockquote> <!--Das Blockquote, das ich auswählen möchte-->
            <div> <div>
                <blockquote>
                    <Warten...>
                </blockquote>
            </div> </div>
        </blockquote>
    </div></div>
</div>

Das Problem besteht darin, dass die Formatierung von E-Mail zu E-Mail unterschiedlich sein kann und vor dem ersten Blockquote möglicherweise ein oder mehrere Divs stehen.

Verwenden Sie also:

.myclass > div >
<p>Nicht immer gültig,</p><p>
Dies: </p>
<pre class="brush:php;toolbar:false;">.myclass blockquote:first-of-type {}

Jedes Blockzitat wird ausgewählt

Ich möchte also nur das erste Blockzitat auswählen, unabhängig von seiner Position im HTML-Baum.

Answer 1

像这样吗？选择容器.myclass的第一个嵌套的blockquote，但不选择任何作为第一个blockquote的子元素的blockquote。

.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>