특정 테이블에서 스타일을 벗을 방법이 있습니까?

Question

다른 스타일이나 스타일을 사용하고 싶은 테이블이 하나 있는데도 내 테이블 스타일에 CSS 파일이 있습니까? 내가 <table style="no-style">과 같은 것을 할 수있는 방법이 있습니까? 그렇다면 그것은 일반적이고 CSS를 무시합니까?

나는 보았지만 관련있는 것을 찾을 수 없다!

Answer 1

CSS 파일의 표 속성에 대한 클래스 정의를 사용하십시오. 필요할 때마다 클래스 속성과 함께 사용하십시오.

CSS

<table class="myClass">...</table> 
<table class="anotherTableWithAnotherClass">...</table> 

Answer 2

CSS는 캐스 케이 딩 스타일 시트이며 요소 만 스타일링합니다. 아무것도 조작 할 수 없습니다. 자바 스크립트를 사용해야합니다.

내가 아는 가장 좋은 방법은 CSS 클래스을 다양한 스타일로 사용하는 것입니다. 자바 스크립트를 사용하여 전환하거나 제거하십시오.

Answer 3

당신은 더 깊이 CSS를 탐구 할 필요가

table.myClass { 
... 
} 

HTML, 당신이 초점을 수있는 한 가지 클래스입니다. 스타일의 "클래스"를 만들어 테이블과 같은 특정 HTML 요소에 적용하고 "평이하게"남겨 두려는 다른 테이블에 영향을주지 않을 수 있습니다.

.foo { 
    border : 1px solid black; 
} 

그런 다음 HTML 요소에 클래스를 적용

<table class="foo"> 
    ... 
</table> 

또 다른 방법은 문제가 선택기 함께 접근 할 수 있습니다.

Answer 4

아니요, 그런 식으로 스타일을 벗어날 수는 없습니다. CSS에 "이 특정 요소 안에 내 스타일을 적용하지 마십시오."라고 말할 방법이 없습니다. 스타일 설정 만 재정의 할 수 있습니다. 예를 들어, 스타일 시트에 * { color: red }과 같은 설정이있는 경우 (단지 어리석은 예) 특정 요소를 제외하는 규칙을 추가하고 브라우저가 그 내부에 기본 색상을 적용하도록 할 수 없습니다. 그러나 table#foo * { color: black; }을 설정하여 id=foo이있는 표 안의 모든 텍스트가 검은 색으로 표시되게 할 수 있습니다.

테이블 내에서 전반적인 스타일 설정을 무시하는 것은 그리 쉽지는 않지만 가능한 일입니다. 원하는 스타일에 대해 명시해야합니다. "브라우저 기본값 사용"이라고 말할 수는 없습니다.

그러나 의미 상 간접적 인 방법이 있습니다. 드물지만 좋은 생각은 아닙니다. 테이블을 별도의 문서에두고 iframe 요소를 통해 포함하면 간접적 인 방법이 있습니다. 내장 문서의 스타일 시트와는 별개로 포함 된 문서에 대해 지정된 CSS 코드에 따라 테이블이 표시됩니다. 극단적으로 임베디드 문서에 대해 CSS 코드를 지정하지 않으면 브라우저 기본 설정대로 표시됩니다 (하위 윈도우 내부에는 임베디드 문서로 설정된 크기의 인라인 프레임이 있음).