Cara Mempengaruhi Element Lain Saat Salah Satu Element Di Hover Menggunakan (>) dan (,)

HTML

 
<div class="parentDiv">
     <div class="element1">Div 1</div>
     <div class="element2">Div 2</div>
     <div class="element3">Div 3</div>
</div>

CSS

xxxxxxxxxx
 
.parentDiv:hover > .element2, .parentDiv:hover >.element3 {
     color: red;
}

Type Javascipt code here...​x
 
​

<!doctype html><html><head> <script src="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></script> <style> *{color:#1d1e22; border-color:#1d1e22; background: transparent;/*#fefefe*/ scrollbar-width:thin; scrollbar-color: #d8d8d8 transparent}  input{border:1px solid; outline: none;} button{padding: 4px 8px}.parentDiv:hover > .element2, .parentDiv:hover >.element3 {