Питерсайт       

CSS только для Firefox

CSS только для Mozilla Firefox. Пример :

В Firefox этот текст красного цвета

HTML Код :

<p>В Firefox этот текст красного цвета</p>

CSS Код :

@-moz-document url-prefix() {p {color: #f00;}}

CSS только для Firefox

Правило @document, в принципе, не предназначалось для использования в качестве способа скрыть код от обработки браузером, не являющимся Firefox. Однако фактически код, заключенный в @-moz-document url-prefix() {<tag> { }} игнорируется всеми остальными основными современными браузерами. Поэтому его стали использовать, когда нужно что-то изменить именно для Mozilla Firefox.

Существует здравая мысль, что хаки нужно избегать, насколько это только возможно. По крайней мере, если речь идет об основных браузерах современных версий. Однако на практике это пока не всегда бывает возможным или оптимальным.

Поддержка в браузерах

  • Windows : Firefox 1.5+
  • Linux : Firefox 1.5+

Подробнее о поддержке технологии: MDN Web Docs.

Данным способом возможно изолировать CSS код не только для Firefox, но и для других браузеров с движком Gecko. Таких, как, например, SeaMonkey 1.0+ или старый Netscape 9.0. В то время как в Firefox для iOS работать не будет, ибо Gecko в нем не используется. Из-за ограничений, связанных с безопасностью, которых придерживается Apple, применяется встроенный фреймворк, основанный на WebKit ( источники : Firefox for iOS и App Store Review Guidelines ).

Интересно, существует еще один, довольно неожиданный, случай, когда хак срабатывает и текст становится красным: ELinks, текстовый веб-браузер с некоторой поддержкой CSS, запущенный под Linux или иной *nix системой в консоли, поддерживающей отображение цветов.

Опубликовано: 9 Сентября, 2017

Последнее редактирование: 7 Октября, 2017

Яндекс.Директ Google AdWords Bing Ads Amazon Product AdsHTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEMHTML CSS JavaScript jQuery PHP CMS CMF MODX Wordpress Drupal ExpressionEngine htaccess SEO SEMЯндекс.Директ Google AdWords Bing Ads Amazon Product Ads