У меня есть много элементов с тем же классом на веб-странице. Я хотел бы выделить все эти элементы, когда наведу один из них. Как я могу сделать это в CSS?

Прямо сейчас у меня есть этот CSS:

p.un:hover { background-color:yellow;}

И мой HTML:

<div class="book">
  <div class="page left">
    <p class="un">Karen…</p>
  </div>
   <div class="page right">
     <p class="un">Karen ne se retourne pas. Mme Tilford reste là, apparemment confuse et abattue.</p>
   </div>