36 replies

TAILWIND How To Ignore Tags

4ngel_._ · 2023-09-09T19:06:25.013Z

So I have ```html Some button ``` How do I apply the `hover-opacity:50` to the `button` tag only and not `div class="dropdown-1"`?

So I have

<li class="relative hover:opacity-50">
  <button>Some button</button>

  <div class="dropdown-1"> </div>
</li>

<li class="relative hover:opacity-50">
  <button>Some button</button>

  <div class="dropdown-1"> </div>
</li>

<li class="relative hover:opacity-50">
  <button>Some button</button>

  <div class="dropdown-1"> </div>
</li>

<li class="relative hover:opacity-50">
  <button>Some button</button>

  <div class="dropdown-1"> </div>
</li>

How do I apply the

hover-opacity:50

hover-opacity:50

hover-opacity:50

hover-opacity:50 to the

button

button

button

button tag only and not

div class="dropdown-1"

div class="dropdown-1"

div class="dropdown-1"

div class="dropdown-1"?