Is it possible to combine nth-child and hover in tailwind?

<tr key={i} className='[&>*:nth-child(even)]:bg-[white] hover:bg-[#6b7280] [&>*:nth-child(odd)]:bg-[#eee] hover:bg-[#6b7280]'>

This is what i currently have, but now hover does not work, without the even rule, only the odd columns get changed on hover …