2015-05-18 8 views
0

Я занимаюсь чтением этой темы, и я не могу найти ответ, который конкретно отвечает на этот вопрос.Есть ли чтение таблиц стилей за пределами условных комментариев?

Используя этот код в качестве примера:

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

бы IE6 открытым и запустить it-style.cssиstyle.css, а если нет, то почему? Кроме того, имеет значение порядок, в котором вы размещаете условные и не условные таблицы стилей?

+0

Конечно! мы обычно кладем style.css над этим условным стилем, а затем в файл условного стиля помещаем IE-хаки и т. д., чтобы сделать страницу читаемой в IE слишком – Vladimir

+0

Итак, в качестве примера, если у меня есть строка 'p {color: red; } 'в' style.css' (помещается над всеми другими условными таблицами стилей), а затем строка 'p {color: blue; } 'в' ie-style.css' (помещается под 'style.css'), ie6 будет читать их в этом порядке и использовать только последний. Верный? –

ответ

0

Да, он откроет оба.

Независимо от того, какая таблица стилей установлена, последний имеет более высокий приоритет.

Если этот атрибут был в ie-style.css

body { 
    background:#000000; //black 
} 

и этот атрибут был в style.css

body { 
    background:#FF0000; //red 
} 

и это то, что порядок стилей были в вашем <head>

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

то тело будет red, даже если вы были на IE.

+0

Отлично, спасибо! –