Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- Oracle LISTAGG 사용 예시
- ajax 사용 예시
- angular animation
- 스크롤 이벤트
- angular route
- Ionic modal
- 옵저버블
- scroll
- formgroup
- 모달
- egov spring ajax 사용 예시
- 호버
- ApexChart
- Angular Router
- route
- 셀렉트박스 커스텀
- angular button
- flex-1
- prisma
- 앵귤러 애니메이션
- summary
- mysql if
- modal
- 아이오닉 스크롤 이벤트
- TAILWIND
- 앵귤러 모달
- 스크롤 이벤트 감지
- Router
- angular modal
- 검색
Archives
- Today
- Total
깜놀하는 해므찌로
CSS Class 클래스를 활용하여 배경 및 글씨 색깔 변경하기 예시 본문
반응형
SMALL
<style>
.selected_tr{
background:#05a1eb !important;
}
.selected_tr td{
color:white !important;
}
.tbl_col_type01 tr:hover td{
background:#05a1eb !important;
color:white !important;
}
</style>
1. !important 사용 시 해당 속성 : 값 다음에 바로 선언한다.
2. tr:hover tr 태그에 호버를 할 경우 td까지 변경하도록 한다.
function fncModalChoose(seq){
/* 배경색 변경 */
$("[id^='tr_']").removeClass("selected_tr");
$("#tr_"+seq).addClass("selected_tr");
}
3. 'tr_' 글자로 시작하는 id 값의 'selected_tr' 클래스를 전부 제거
4. 제거한 후 클릭한 대상의 SEQ 를 받아 해당 id 의 tr 태그에만 CSS 가 적용된 class 를 추가하도록 한다.
반응형
LIST
'IT' 카테고리의 다른 글
Oracle LISTAGG 서브쿼리 사용 예시 / MySQL GROUP_CONCAT (0) | 2022.08.09 |
---|---|
; uncategorized SQLException for SQL []; SQL state [99999]; error code [17059]; 해결 (0) | 2022.08.09 |
Oracle LIKE 오라클 검색 SELECT 예시 (0) | 2022.08.09 |
Egov Sptring 페이지 이동 시 체크박스 체크 리스트 저장 및 기억하기 JavaScript 예시 (0) | 2022.08.08 |
Oracle || 문자열 붙이기 CONCAT 사용 예시 / Oracle CASE WHEN 사용 예시 (0) | 2022.08.08 |