2012-02-12 2 views
3

私はこの問題を抱えており、修正方法はわかりません。私のプロジェクトでは、多くのhtmlファイルには、例えば、幅のスタイルのdivのために定義されています:CSSファイルでCSSファイルからの条件でhtml CSSスタイルを置き換えてください

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

私は次のように条件を置く場合:

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

スタイルがためにHTMLで定義されているので、無視されますそのdivと私が知っていることからhtmlの条件はCSS条件を打つ。 これをどのように修正することができますか?私は長い時間がかかるので、すべてのhtmlページを編集したくありません。

答えて

2

あなたは何か間違っています。 !importantはスタイルを最優先にするので、常にwidth: auto;を使用し、インラインCSSは使用しません。

ライブこれが機能することを例: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

関連する問題