2012-02-12 5 views
3

이 문제가 있으며 수정 방법을 모르겠습니다. 내 프로젝트에서 많은 HTML 파일은 예를 들어, 폭 스타일을 div에 대한 정의 :HTML CSS 스타일을 CSS 파일의 조건으로 바꿉니다.

<div style="width:200px" id="boom">/*****/</div> 

CSS 파일에서 내가 좋아하는 조건 넣을 경우 :

`div#boom{width:auto !important;}` 

을 스타일의 HTML에 정의되어 있기 때문에 무시된다 그 div 및 내가 알고있는 HTML 컨디션은 CSS 조건을 이겼다. 어떻게 해결할 수 있습니까? 나는 오랜 시간이 걸리기 때문에 모든 html 페이지를 편집하고 싶지 않습니다.

답변

2

뭔가 잘못하고 있습니다. !important은 스타일을 최우선 순위로 만들기 때문에 항상 인라인 CSS가 아닌 width: auto;을 사용합니다.

라이브이 작동하는지 예 : http://tinkerbin.com/wzrFiyaq
그리고 튜토리얼 : http://css-tricks.com/override-inline-styles-with-css/ 그는 그것을 무시하는 CSS의 [스타일]을 포함하는

+2

.... – Jared

+0

는 당신이 그것을 할 수 @Jared [스타일] 속성 선택자가 없습니다. –

+0

감사합니다. Wouter J, 감사합니다. Jared. – BurebistaRuler

1
div[style] { 
    width:auto !important; 
    }​ 
+0

닫는 중괄호 뒤에 단어 auto가 나오는 이유는 무엇입니까? – Jared

+0

@Jared 나는 오타라고 생각하고 게시물을 편집했습니다. –

+0

http://www.w3.org/TR/CSS2/cascade.html#important-rules – InTry