!importantによる優先度の変更 - スタイルシートの優先順位 - スタイルシート入門

スタイルシート毎の優先順位は前のページなどで記載した通りですが、同じスタイルシート内に同じ要素のプロパティに複数回値が設定された場合はどうなるのかをまず確認してみます。 簡単な例で確認します。まず対象となるHTML文を作成します。 <p> 今年は第二回の<strong>ワールド・ベースボール・クラシック(WBC)</strong> が開催されます。監督選考の件で日本でもごたごたとしていましたが第一回 は<strong>優勝</strong>でしたので今回もいい結果を出して欲しいものです。 </p> 次にスタイルシートを適用させます。strong要素に対して2回値を設定しています。 <style type="text/css"> strong { color: #00ff00; } strong { color: #ff0000; } </style> 実際にブラウザで見てみると下記のように

[wlbhiro]

!importantを使うと優先度を変えられる！！！！！すごい！！！