Modifier les styles d'élément lorsqu'un autre élément est actif

Essayez ceci. Il changera la couleur BG de la touche 1 lorsque le bouton 2 est planifié sur

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='class1'>Button</button>
<button class='class2'>Button</button>

Vous pouvez essayer avec jQuery's .hover () code> . Veuillez noter: strong> Les noms de classe ne permettent pas de l'espace. p>

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='class1'>Button 1</button>
<button class='class2'>Button 2</button>

Vous pouvez le faire en utilisant Mouseover code> et mouseout code>

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='class 1'>Test</button>
<button class='class 2'>Test 1</button>

Ceci est possible en utilisant uniquement CSS, mais il peut être un peu finiky.

Vous pouvez utiliser pseudo-classes Focus Code> et Survolez CODE> et sélectionnez l'élément immédiatement après avec la classe .Class1 code>. Étant donné que + code> ciblera l'élément immédiatement après que vous puissiez utiliser flex code> et commander code> pour déplacer vos boutons autour afin qu'ils apparaissent dans le bon ordre: p>

p>

<div class="wrapper">
  <button class='class2'>Button2</button>
  <button class='class1'>Button1</button>
</div>

Essayez ceci

​​html xxx

CSS xxx

merci.