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