:hover(CSS)

code:css

@media (hover: hover) {

/* リンクの場合 */

a:any-link:hover {

}

/* ボタンの場合 */

button:enabled:hover {

}

/* 特定できない場合 */

.button:where(:any-link, :enabled, summary):hover {

}

}

code:css

.accordion-body {

display: grid;

grid-template-rows: 0fr;

transition: 250ms grid-template-rows ease;

}

.accordion:hover .accordion-body {

grid-template-rows: 1fr;

}

.accordion-body > div {

overflow: hidden;

}