ブラウザによるレンダリングの相違に対応するために、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 | /* \*/スタイル/* */ |