Andrew Tetlaw「（印刷用スタイルシートでは）!importantは本当に役立つ」

sitepointのブログエントリ

!important is Actually Useful (in Print Style Sheets)

以下斜め読んだ内容

• !important
  • cssコミュニティで不評
  • 各セレクタの詳細度がわかりにくくなる、メンテナンスがしにくくなる
  • 自分も長年同意見
• 印刷用スタイルシート
  • 唯一!importantを使ってもいいケースだと思う
• 印刷用スタイルシートと!importantがうまくいく例
  • 例クロスフェードするイメージギャラリーの実装
  • progressive enhancementに従い実装
  • 1カラムの枠に画像が次々表示される
    • クロスフェードでは、img要素のstyle属性の値を操作
  • jsオフ環境にも優しくなる
  • 印刷時に問題。このまま印刷すると１つしか画像が印刷されない
  • style属性内で、media typeを宣言できないから。
  • 印刷時に画像を全部表示させるのに必要なこと
    • style属性で指定されたスタイルを上書きできるスタイルを印刷用CSSに書くこと
      • !important宣言が役立つ

!importantを使った印刷用スタイル例

img.gallery {
  position: static !important;
  opacity: 1 !important;
}