CSSハック (CSS filter)

ブラウザによるレンダリングの相違に対応するために、CSSの解釈の相違を利用して異なるスタイルを適用する方法です。

名称 英語名 適用法
スターハック Star HTML Selector Bug / Star HTML Hack * html セレクタ
2スターハック Two Star Hack * html* セレクタ
インポータントハック !important Hack  セレクタ !important;  セレクタ
アンダースコアハック Underscore Hack _プロパティ
チャイルドセレクタハック Child Selector Hack html > body セレクタ
隣接セレクタハック Adjacent Sibiling Selector Hack html + body セレクタ
オーウェンハック Owen Hack head:first-child + body セレクタ
属性セレクタハック Attribute Hack html[xmlns] セレクタ
スター+ハック The Next-to-nothing Hack *+html セレクタ
IE 7 スターハック IE 7 Star Hack *:first-child+htm セレクタl
スター7ハック Star 7 Hack html* セレクタ
ハッシュハック Hash Hack #プロパティ セレクタ
アスタリスクハック Asterisk Hack / *property *プロパティ セレクタ
全角スペースハック Em Space Hack  プロパティ セレクタ
(全角スペース (\3000) を記述)
タイトル属性ハック title Hack link要素にtitle属性を記述
コメントハック Comment Hack セレクタ/* */
コンディショナルコメント Conditional Comments <!--[if IE ]>style要素<![endif]-->
ユーザーエージェントハック User Agent Hack if(navigator.userAgent.indexOf("MSIE") != -1)
ルートセレクタハック :root Selector Hack :root セレクタ
ファーストオブタイプハック First of Type Hack body:first-of-type セレクタ
否定Lang擬似クラスハック Not Lang Pseudo Class Hack html:not([lang*=""]) セレクタ
ノットターゲットハック Not Target Hack html:not(:target) セレクタ
構造的な擬似クラスハック Structual Pseudo Class Hack body:nth-of-type(1) セレクタ
否定Nth Child擬似クラスハック Not Nth Child Pseudo Class Hack html:not(:nth-child(n)) セレクタ
ファーストチャイルドハック First-child Hack html:first-child セレクタ
モズエニーリンクハック Moz Any Link Hack セレクタ, x:-moz-any-link, x:only-child
モズドキュメントハック @Moz Document Hack @-moz-document url-prefix() {スタイル}
コメントモズエニーリンクハック Comment Moz Any Link Hack html>/**/body セレクタ, x:-moz-any-link
xmlns属性セレクタハック Xmlns Attribute Selector Hack html[xmlns*=""] body:last-child セレクタ
ウェブキットハック WebKit Hack @media screen and (-webkit-min-device-pixel-ratio:0){スタイル}
Mac IEスターハック Mac IE Star Hack * html>セレクタ
インポートシングルクォーテーションハック import Single Quotes w/o Whitespace @import'style.css';
メディアタイプ混在ハック @media with Media Type in Mixed Case @media all {スタイル}
ホーリーハック、バックスラッシュハック Escaped Comment End /* \*/スタイル/* */
HTMLの情報サイトから、まとめて検索