[V4] Problem with in-* variant

[Mrahmani71]

Hello. I'm using Tailwind CSS version 4, and in the article, you mentioned the new in-* variant feature. When I tried to use it, I realized that the entire body was being selected as the group instead of the specific div I wanted. I'm not sure if I'm using it incorrectly or if this is a bug. Please take a look at the code and video.

Code:

  <div class="container">
    <div class="border p-5">
      <h1>Hello</h1>
      <p class="in-hover:text-gray-500 in-hover:font-bold">
        Welcome to my portfolio
      </p>
    </div>
  </div>

cp.mp4

[wongjn]

Yep, that seems to be working as intended. If you only want it to apply up to a certain parent, you'd want to use the group-* system instead.