Titre réécrit comme suit : Existe-t-il un « sélecteur de frères et sœurs précédents » ?

Question

Le sélecteur plus (+) sélectionne l'élément frère adjacent suivant.

Existe-t-il un sélecteur équivalent pour sélectionner le frère ou la sœur précédent ?

Answer 1

J'ai trouvé un moyen de styliser tous les éléments frères et sœurs précédents (par opposition à ~ ), en fonction de vos besoins.

Supposons que vous ayez une liste de liens, lorsque vous survolez l'un des liens, tous les liens précédents devraient devenir rouges. Vous pouvez faire ceci :

/* 默认链接颜色是蓝色 */
.parent a {
  color: blue;
}

/* 前一个兄弟元素应该是红色 */
.parent:hover a {
  color: red;
}
.parent a:hover,
.parent a:hover ~ a {
  color: blue;
}

<div class="parent">
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
</div>

Answer 2

Non, il n'y a pas de sélecteur "frère précédent".

Dans le même ordre d'idées, ~是用于一般的后继兄弟选择器（意思是元素在此元素之后，但不一定紧接着），是CSS3选择器。+ concerne le sélecteur de frère suivant, qui est CSS2.1.

Voir Sélecteur de frères et sœurs adjacents de Sélecteurs niveau 3 et 5.7 Sélecteur de frères et sœurs adjacents de Feuilles de style en cascade niveau 2 Révision 1 (CSS 2.1) Spécification.