css예외처리법이있나요?
상단 css에서..
TABLE { border-spacing:0px; padding:0px; border-collapse:collapse; zoom:1;}
이 속성을 주었습니다.
그리고 밑에 html태그에서..
<table> 에 저 속성이 적용이 되는데요
예외적으로 어떤 특정한 <table>에 저 상단 css가 안먹히게 하는법이있나요?
class로 다른 속성을 줘봤지만, table { } 가 먼저 적용되더군요..
예외처리방법이있나요?
|
오류!
이 게시판은 회원만 글쓰기가 가능합니다. 로그인해 주세요.
오류!
이 게시판은 회원만 글쓰기가 가능합니다. 로그인해 주세요.
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 3개
TABLE 과 class 읽는 순서를 변경해 보시구요.
기본적으로
#id table {...} 과 같은 형태로 사용하시면 어떨까 합니다.
<div id=id>
<table>...</table>
</div>
#selector 혹은 .selector -> 돔, 클래스 셀렉터
style="" -> 인라인코딩
대강 이렇게 부릅니다.
TABLE { border-spacing:0px;~~
공통의 값들을 기존 그대로 태그셀렉터로 선언하고,
예외의 테이블에는 <table class="this_table">
.this_table {필요한 속성과 값} 처럼 클래스셀렉터로 해주시면 됩니다.
돔셀렉터로 해도 되구요.
핵심은 'id나 class선택자'로 선언된 내용이 TABLE {}처럼 '태그선택자'로 선언된 내용보다 우선 적용됩니다.
그리고 'id나 class선택자' 보다 우선하는것은 인라인 코딩된 내용입니다.
<table style="필요한 속성과 값">
정리하면 "태그셀렉터 < 돔,클래스셀렉터 < 인라인코딩" 순이됩니다.