AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전 목록 다음
채택완료

동일한 TR에 마우스 올렸을때 색깔 변경하기.. 문의 드려요

메르시아
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 16:22:17 2,652

<tbody>

<tr class="bg0"><td colspan="3">aaaaa</td><td>bbb</td></tr>

<tr class="bg0"><td>bbbb</td></tr>

<tr class="bg0"><td>bbbb</td></tr>

<tr class="bg1"><td>cccc</td><td>dddd</td></tr>

<tr class="bg0"><td>cccc</td><td>dddd</td></tr>

<tr class="bg1"><td>cccc</td><td>dddd</td></tr>

</tbody>

테이블이 위와 같이 있을때

tbody tr:nth-child(even){background:#eff3f9}

를 어떻게 변경해야 bg0, bg1에 마우스를 올렸을때 정상적으로 색상이 변할까요?

php 그누보드4 그누보드5 영카트5
|

답변 5개 / 댓글 2개

채택된 답변
+20 포인트
배배르만
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 17:22:51

table 태그가 빠져서 표현이 안되는듯요.

colspan 도 이상하게 지정되어 있습니다.

Copy 
<style>
tbody tr:nth-child(even):hover{background:#eff3f9}
</style>

<table>
<tbody>
<tr class="bg0"><td>aaaaa</td><td>bbb</td></tr>
<tr class="bg0"><td colspan="2">bbbb</td></tr>
<tr class="bg0"><td colspan="2">bbbb</td></tr>
<tr class="bg1"><td>cccc</td><td>dddd</td></tr>
<tr class="bg0"><td>cccc</td><td>dddd</td></tr>
<tr class="bg1"><td>cccc</td><td>dddd</td></tr>
</tbody>
</table>
별별지기천사
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 17:11:40

tbody tr:hover{background:#eff3f9}

이렇게 하면 모든 줄의 tr이 색상 변경 될거에요

엑엑스엠엘
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 17:01:49

bg0, bg1에 마우스를 올렸을때  ??정상적??으로 색상이 변할까요?

==>

원하시는 내용을 좀 구체적으로 설명해 보세요.

엑엑스엠엘
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 16:27:55

https://stackoverflow.com/questions/57924872/alter-the-color-of-table-row-on-hover-when-color-set

답변에 대한 댓글 1개

메르시아
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 16:45:16
잘 모르겠어요..
<tr class="bg0"><td>bbbb</td></tr>
<tr class="bg0"><td>bbbb</td></tr>

첫번째에 마우스를 올리면 두번째, 세번째 bg0의 색상이 안바껴요
위버
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 16:26:56

tbody tr:nth-child(even):hover  {background:#eff3f9}

이렇게 해보세요

답변에 대한 댓글 1개

메르시아
프로필 보기이 회원 글보기이 회원의 댓글보기
 2022-09-22 (목) 16:44:05
<tr class="bg0"><td>bbbb</td></tr>
<tr class="bg0"><td>bbbb</td></tr>

이 부분이 색상이 안변해요...

답변을 작성하려면 로그인이 필요합니다.