tr에 마우스 오버 시 tr에 속한 텍스트 컬러 변경하는 방법

Question

tailwindcss를 사용해서 css 작업을 하던 중 공식문서와 검색을 하여도 해결하지 못해 글을 올리게 되었습니다..table tr:hover { color:red; }기존의 css는 저렇게 하면 1행에 있는 모든 텍스트 색이 변경되었는데tailwindcss로 구현해보려고 하니 원하는 기능이 구현이 안됩니다.<tr className&#61;&#34;hover:text-red&#34;> -1 .table tr:hover { &#64;apply text-red; }위처럼 2가지를 테스트 해보았는데 색이 변하지 않더라구요taillwindcss로 제가 원하는 기능을 구하려면 어떻게 변경해야 할까요?

특이점이 왔다 · Answer

hover:text-red-500 이런식으로 뒤에 숫자 입력하면 어떻게 되나요?

sena1402 · Answer

tailwindcss에서 색상을 지정할때 뒤에 숫자도 입력하셔야합니다ex) text-red-100

정수리 · Answer

.table tr:hover td {  @apply text-red-600;}로해결하였습니다,

tr에 마우스 오버 시 tr에 속한 텍스트 컬러 변경하는 방법

3개의 답변

#tailwind-css 목록