Last Updated 2015/03/23
Web
スタイルシートを強制的に適用 important
2015/03/23

スタイルシート(CSS)を使っていると,たまに不可解な状態になる。

スタイルシートは,ブラウザのデフォルトスタイルシートと,作成者のスタイルシートがあって,作成者のスタイルシートが優先される。
作成者のスタイルシートも,後から設定したものが有効になる。
また,普通のスタイルシートよりもクラスセレクタを使ったスタイルが優先される。
クラススタイルよりもIDセレクタを使ったスタイルが優先される。


(優先度)
ブラウザのデフォルトスタイルシート
作成者スタイルシート
クラスセレクタ
IDセレクタ
(優先度)


強制的にスタイルを設定したい場合は !important を使用する。
body {     background-color: #000000 !important;     color: #ffffff !important; }


参照
スタイルシートに複数クラス
前後のTips
スタイルシートを強制的に適用 important

DSS ProgrammingTipsCGI Ver1.02