JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sample">
  <p>サンプル1</p>
  <p>サンプル2</p>
  <p>サンプル3</p>
  <p>サンプル4</p>
  <p>サンプル5</p>
<div>

CSS

#sample:hover p:not(:hover){
  opacity: 0.5;
}