Tajuk ditulis semula kepada: CSS > Pilih elemen pertama dalam pepohon

Question

Saya telah cuba memilih hanya petikan blok pertama dalam kandungan e-mel, yang berlaku seperti ini:

<div class="myclass">
    <br><p></p>
    <div><div> <!--kadang-kadang kurang, kadang-kadang lebih div-->
        <blockquote> <!--The blockquote yang saya ingin pilih-->
            <div> <div>
                <blockquote>
                    <Tunggu...>
                </blockquote>
            </div>
        </blockquote>
    </div></div>
</div>

Masalahnya ialah, pemformatan mungkin berbeza dari e-mel ke e-mel, dan mungkin terdapat satu atau lebih div sebelum petikan blok pertama,

Jadi gunakan:

.myclass > div >
<p>Tidak selalu sah,</p><p>
Ini: </p>
<pre class="brush:php;toolbar:false;">.myclass blockquote:first-of-type {}

Setiap petikan blok akan dipilih

Jadi saya hanya mahu memilih petikan blok pertama tanpa mengira kedudukannya pada pokok html.

Answer 1

Macam ini? Pilih bekas .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>