2016-05-04 13 views
3

ウェブサイトQq.comには、2つのパディング宣言が少し奇妙に見えるルールセットがあります。私の質問は、11px\0の部分は何ですか?これは最初のパディング宣言をオーバーライドすることと関係がありますか?私はこれらの状況でのスラッシュの使用を理解しています:/ (forward slash) in css style declarationsしかし、私はこれのようなものを見たことがない。CSSパディング略語宣言のバックスラッシュ

.suggestion .s_title { 
padding: 3px 0 1px 11px; 
padding: 4px 0 1px 11px\0; 
color: #a0a3a8; 
font-size: 12px; 
line-height: 18px; 
} 
+2

IEの特定のハッキングのように思えます。 (*編集*:IE8用 - http://stackoverflow.com/questions/5635829/ie8-css-hack-best-method) – Harry

答えて

4

"バックスラッシュゼロは、" 現在のルールのためにIE8をターゲットとCSSハックです。他の選択肢がない限り、これは恐ろしいことです。何が起こるかというとIE8が誤って、これは他のブラウザではありませんが適用される有効なルールであると信じていますことを、カオスルールであなたを残している:このルールセットの場合

.my-dirty-rule-for-ie-8-only { margin-bottom: 5px\0; } 

、それは、第二のパディングを有効にすることを意味しますユーザーがIE8でページを表示する場合にのみ、最初のページを上書きします。

デベロッパーの観点からは、cssハックは絶対に避けてください。特定のブラウザをターゲットにしたルールは真剣に扱いたくはありません。

関連する問題