読者です 読者をやめる 読者になる 読者になる

以下斜め読んだ内容

pseudo translation of useful posts, book reviews, remarks,etc. twitter: feeddict

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

sitepointのブログエントリ

!important is Actually Useful (in Print Style Sheets)

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