Titre réécrit en : CSS > Sélectionner le premier élément de l'arborescence

Question

J'ai essayé de sélectionner uniquement la première citation dans le corps de l'e-mail, qui ressemble à ceci :

<div class="maclasse">
    <br><p></p>
    <div><div> <!--parfois moins, parfois plus de divs-->
        <blockquote> <!--Le blockquote que je souhaite sélectionner-->
            <div>
                <blockquote>
                    <Attendez...>
                </blockquote>
            </div>
        </blockquote>
    </div></div>
</div>

Le problème est que le formatage peut varier d'un e-mail à l'autre et qu'il peut y avoir un ou plusieurs divs avant la première citation de bloc,

Utilisez donc :

.myclass >
<p>Pas toujours valide,</p><p>
Ceci : </p>
<pre class="brush:php;toolbar:false;">.myclass blockquote:first-of-type {}

Chaque bloc de citation sera sélectionné

Je souhaite donc uniquement sélectionner la première citation de bloc, quelle que soit sa position dans l'arborescence HTML.

Answer 1

Vous aimez ça ? Sélectionnez le conteneur .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>