почему мой * + HTML CSS работает в IE7

Question

Я использую специальный селектор для IE7 * + HTML для некоторых приспособлений для IE7 :-)

Вот код CSS которым показан в хроме ... и я не хочу видеть его в самом деле, кроме IE7:

*+html .container, .ui-listview { 
position: relative; 
top: 41px; 
} 

Я использую другой CSS с * + HTML и только читается IE7, но это CSS ниже

Благодаря мне помочь!

Answer 1

Вы используете grouping operator:

Когда несколько Селекторы используют одни и те же объявления, они могут быть , сгруппированные в список, разделенный запятыми.

В этом примере мы конденсируем три правила с идентичными объявлениями в один. Таким образом,

h1 { font-family: sans-serif } 
h2 { font-family: sans-serif } 
h3 { font-family: sans-serif } 

эквивалентно:

h1, h2, h3 { font-family: sans-serif } 

Так этот код:

*+html .container, .ui-listview { 
    position: relative; 
    top: 41px; 
} 

... эквивалентно:

*+html .container{ 
    position: relative; 
    top: 41px; 
} 
.ui-listview { 
    position: relative; 
    top: 41px; 
} 

Это объясняет, что .ui-listview не влияет на *+html.

Answer 2

Я не использую эти виды хаков больше, на мой взгляд, лучшим решением является условным комментарии (ссылка: http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx)

<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="ie7.css"> 
<![endif]-->