부트 스트랩을 사용하여 문맥 TR 색칠을위한 사용자 정의 클래스를 만들려고합니다.맞춤 컨텍스트 테이블 행 클래스 부트 스트랩
설명서를 읽고 클래스 속성을 custom.css 파일에 복사하고 필요에 맞게 수정하십시오. 그러나 성공하지 않고 이것을 시도한 후에 bootstrap.css에 사용자 정의 클래스를 추가 할 것이라고 생각했습니다. 여전히 성공을 거두지 못했습니다.
저는 방화범을 사용하여 문제를 진단하려고했지만 해결 방법을 찾을 수 없었습니다. 따라서 여기에 게시하십시오. I 클래스 요소 '성공'을 사용하는 경우
는 CSS 내가이 수 (나는 방화범이 선택되어 볼 수 있습니다) 내 사용자 정의 클래스를 사용하여이
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
border-bottom-left-radius: 4px;
}
.table tbody tr.success > td {
background-color: #DFF0D8;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
background-color: #F9F9F9;
}
것 같습니다.
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
background-color: #F9F9F9;
}
그래서 CSS 파일에서 사용자 정의 클래스를 읽지 않아서 이유가 없습니다.
의견이 있으십니까?
S
편집 **
사용자 정의 CSS 파일은 다음과 같다.
.width100{
width: 100%;
}
/*Custom Table Row Property*/
.table-striped> tbody tr.major > td {
background-color: #faa732;
}
.table tbody tr.initial > td {
background-color: #49afcd;
}
.table tbody tr.maint > td {
background-color: #5b331d;
}
.table tbody tr.suppressed > td {
background-color: #bfcada;
}
사용자 정의 클래스의 CSS는 어떻게 생겼습니까? – ZimSystem
이 문제는 브라우저 캐시로 인해 문제가 발생했기 때문에 주제가 아닌 것으로 보입니다. 너무 현지화되었습니다. – madth3