Previous selector

by Emily Humphrey

HTML

<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>

CSS

div {
	height: 100px;
	width: 100px;
	background: blue;
}

.card:hover {
	background: green;
}

:has(+ .card:hover) {
  background: red;
}
.card:hover + div {
	background: red;
}