제이쿼리를 쓰면 링크 visited 컬러가 불가능한가요?
본문
게시판 스킨의 list.skin.php 를 수정하고 있습니다.
테이블 TR에 마우스를 올리면
글 제목이 빨간색으로 변하도록 제이쿼리를 작성했는데,
마우스가 벗어나면
css visited에 보라색으로 정한 걸 무시하고,
글 제목이 파란색으로 변해버립니다
제이쿼리를 쓰면 링크 visited 컬러가 불가능한가요?
$('#bo_list .tbl_head01 tbody tr').hover(function(){
$(this).find(".bo_tit a").css("color", "#f00");
}, function(){
$(this).find(".bo_tit a").css("color", "#00f");
});
#bo_list .tbl_head01 tbody tr .td_subject .bo_tit a:link {color:#00f;}
#bo_list .tbl_head01 tbody tr .td_subject .bo_tit a:visited {color:#800080;}
#bo_list .tbl_head01 tbody tr .td_subject .bo_tit a:hover,
#bo_list .tbl_head01 tbody tr .td_subject .bo_tit a:active {color:#f00;}
답변 2
$('#bo_list .tbl_head01 tbody tr').hover(function(){
$(this).find(".bo_tit a").css("color", "#f00");
}, function(){
$(this).find(".bo_tit a").css("color", "");
});
이러면 어떨까요?
!-->아!! 이건 베이스 스타일 시트에서 a:visited 일때 color가 이미 있어요 그것때문에 묻혀진건데 저기 새로 만든 스타일시트에
a:visited {color:#800080
!important;}
이렇게 강제로 준다는 속성을 넣으면 되요!!
답변을 작성하시기 전에 로그인 해주세요.