CSS условные комментарии для других браузеров, кроме IE?

Question

Насколько мне известно, условные комментарии поддерживаются только для разных версий IE.

Аналогичным образом, можем ли мы предоставить условные комментарии и для других браузеров.

Если да, то как?Если нет, что может быть лучшей альтернативой?

Answer 1

Условные комментарии CSS предназначены только для IE. . Тем не менее, вы можете обнаружить Firefox:

Если следующий код не может обнаружить исключительно Firefox ..

<!--[if !IE]>
  ...statements...
<![endif]-->

Используйте "Условные комментарии нижнего уровня", чтобы заставить его работать ...

<![if !IE]>
  ...statements...
<![endif]>

Пример, чтобы заставить Firefox использовать эксклюзивные CSS ..

<![if !IE]>

  <link href="css/ff.css" rel="stylesheet" type="text/css" />

<![endif]>

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

Answer 2

Для других браузеров нет условных комментариев, только IE и версии IE.

Вы можете использовать Javascript для проверки других браузеров и применять стили следующим образом.

Вы можете проверитьчтобы браузер не был IE с условными комментариями, а просто нет .

Я бы предложил посетить W3.org и сделать ваш сайт функционирующим со стандартным соответствиемЗатем браузер использует условные комментарии, чтобы исправить то, как он загружается в IE, если есть проблемы (обычно они есть).

Answer 3

Насколько я знаю, условные выражения CSS являются эксклюзивными для IE. Они не должны быть нужны для других браузеров, так как они достаточно хорошо следуют стандартам. Зачем вам они нужны?

Answer 4

Хотелось бы, чтобы было решение этой проблемы, особенно для механизмов рендеринга электронной почты. Есть даже условные комментарии для Outlook, но нет для Gmail.

<!--[if gte mso 9]>

<![endif]-->

Answer 5

Как отмечается в других ответах, нет никаких условных комментариев для браузеров, кроме IE.Использование JS-обнаружения - вот путь.

Если вы хотите, чтобы закомментированный элемент влиял на состояние IE и другие браузеры, просто сделайте это:

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

Как вы можете видеть изсинтаксис, подсвечивающий элемент ссылки, не закомментирован, поэтому он будет виден для браузеров, отличных от IE, и для IE он будет соответствовать условию (в этом примере больше, чем IE 8).

Answer 6

Проверьте плагин CSS Browser Selector .Я использую его на своем сайте, вы просто пишете CSS и говорите, на какой браузер вы хотите настроить таргетингЯ использую его на своем сайте, и он прекрасно работает!

Надеюсь, это поможет.