-1

CSSクラスに以下のCSSコードがあります。

.ie8 html, body {
padding-left: 140px;
}

html, body {
padding-left: 0px;
}

これhtml,bodyが最後のエントリです。したがって、ie8の場合html, bodyは適用されます。

今、私がそれらを交換すると、それ.ie8 html, bodyが最後のエントリになります。そのため、ChromeとFFの場合、.ie8属性が適用されます。

CSSファイルはWebサーバーから外部から参照されます。

これを解決する方法は？

4

1 に答える 1

1

ムーサが言うように、.ie8 html, body2つの異なるものに適用されます：

  • htmlクラス要素の下にある要素（最上位の要素である必要があるためie8、おそらく存在しません）html
  • そしてすべてのbody要素（ie8クラスセレクターはここに適用されます）。

したがって、を処理する2つのルールがあり、2番目のルールbodyが最初のルールを上書きします。それらを切り替えると、効果が変わります。おそらく、、、html.ie8 bodyまたは.ie8 body（要素のみbodyの場合）、または、、html.ie8, html.ie8 bodyまたは（と要素.ie8, .ie8 bodyの両方の場合）が必要です。htmlbody

于 2013-01-01T06:46:24.837 に答える