스타일을 제거하는 방법은 제거할 스타일의 종류(클래스 기반, ID 기반 또는 인라인) 및 특정 선택 영역 또는 전체 웹 페이지에서 스타일을 제거할지 여부에 따라 달라집니다.
참고 웹 페이지의 콘텐츠에서 스타일을 제거하면 웹 페이지의 스타일에 대한 참조만 제거되며 외부 또는 내부 스타일시트에서 스타일이 삭제되는 것은 아니므로 다른 콘텐츠에는 동일한 스타일을 계속 적용할 수 있습니다.
요소 기반 스타일은 연결된 HTML 요소에 자동으로 적용되므로 웹 페이지의 특정 콘텐츠에서는 요소 기반 스타일을 제거할 수 없습니다. 스타일 적용 작업창에서 상황별 선택기라는 제목 아래에 요소 기반 스타일이 나와 있으며 파란색 점으로 레이블이 지정됩니다. 스타일시트에서 스타일을 삭제하여 전체 웹 페이지에서 요소 기반 스타일을 사용하지 않도록 할 수 있습니다. 요소 기반 스타일의 전부가 아닌 일부만 사용하지 않도록 하려는 경우 해당 요소 기반 스타일을 무시하는 새 클래스 기반 또는 ID 기반 스타일을 디자인할 수 있습니다.
실행할 작업
웹 페이지에서 하나의 스타일 인스턴스 제거
참고 이 절차는 요소 기반 스타일에는 적용되지 않습니다.
- 웹 페이지의 디자인 보기 또는 코드 보기에서 스타일을 제거할 콘텐츠를 선택하거나 콘텐츠에 커서를 놓습니다.
- 스타일 적용 작업창에서 제거할 스타일을 가리키고 아래쪽 화살표를 클릭한 다음 클래스 제거, ID 제거 또는 인라인 스타일 제거를 클릭합니다.
맨 위로 이동
웹 페이지에서 모든 스타일 인스턴스 제거
참고 이 절차는 인라인 또는 요소 기반 스타일에는 적용되지 않습니다.
- 웹 페이지를 디자인 보기 또는 코드 보기에서 엽니다.
- 스타일 적용 작업창에서 제거할 스타일을 가리키고 아래쪽 화살표를 클릭한 다음 인스턴스 모두 선택을 클릭합니다.
- 스타일 적용 작업창에서 제거할 스타일을 가리키고 아래쪽 화살표를 클릭한 다음 클래스 제거 또는 ID 제거를 클릭합니다.
맨 위로 이동
선택 영역에서 모든 클래스 기반 스타일 및 인라인 스타일 제거
- 웹 페이지의 디자인 보기 또는 코드 보기에서 스타일을 제거할 콘텐츠를 선택하거나 콘텐츠에 커서를 놓습니다.
- 스타일 적용 작업창에서 스타일 지우기를 클릭합니다.
맨 위로 이동
스타일시트에서 스타일 삭제
중요 외부 또는 내부 스타일시트에서 스타일을 삭제해도 웹 페이지에서 해당 스타일에 대한 참조는 제거되지 않습니다. 이러한 참조를 제거하려는 경우 웹 페이지에서 스타일 참조를 제거한 "이후에" CSS에서 스타일을 삭제하는 방법으로 이러한 참조가 남아 있는지 확인하는 것이 더욱 쉬울 수 있습니다. 이렇게 하면 더욱 간편하게 웹 페이지에서 스타일이 지정된 콘텐츠를 식별할 수 있습니다.
- 다음 중 하나를 실행합니다.
- 외부 스타일시트에서 스타일을 삭제하려면 .css 파일 또는 CSS가 첨부된 웹 페이지를 엽니다.
- 내부 스타일시트에서 스타일을 삭제하려면 해당 스타일이 들어 있는 웹 페이지를 엽니다.
- 다음 중 하나를 실행합니다.
- 열려 있는 .css 파일에서 스타일을 삭제하려면 스타일 관리 작업창에서 해당 스타일을 마우스 오른쪽 단추로 클릭하고 삭제를 클릭한 다음 확인 메시지에서 예를 클릭합니다.
- 열려 있는 웹 페이지에서 클래스 기반 또는 ID 기반 스타일을 삭제하려면 스타일 적용 작업창에서 해당 스타일을 가리키고 아래쪽 화살표를 클릭한 후 삭제를 클릭한 다음 확인 메시지에서 예를 클릭합니다.
맨 위로 이동
