JSFiddle - React, Tailwind, and code Playground

by iammaddison143

HTML

<div class="sights__features_left-column">
  <div class="sights__item">
    <a href="#brest">
      <div class="sights__image sights__image_brest">1</div>
    </a>			
    
    <a href="#brest">
      <h3 class="sights__item-title">Brest hero-fortress</h3>
    </a>
  </div>
  
    <div class="sights__item">
    <a href="#brest">
      <div class="sights__image sights__image_brest">2</div>
    </a>			
    
    <a href="#brest">
      <h3 class="sights__item-title">Brest hero-fortress</h3>
    </a>
  </div>
</div>

JavaScript

$( '.sights__item-title' ).hover(
  function() {
    $( this )
      .parents( '.sights__item' )
      .find( '.sights__image' )
      .css( 'color', 'red' )
      /* .addClass( 'sights__image_hover' ) */
  }
)