Применение стилей для разных браузеров
Для подключения поместите скрипт в тело тега <body> на страницах использующих разные стили для разных браузеров.
<script src="//atmpl.ru/design/information/2015/style-browser/style-browser.js"></script>
Используйте базовые классы для определения браузерами.
- Базовый класс для Mozila
- class="firefox"
- Базовый класс для Chrome
- class="chrome"
- Базовый класс для Safari
- class="safari"
- Базовый класс для Opera
- class="opera"
- Базовый класс для Internet Explorer
- class="ie"
Пример применения стилей для разных браузеров.
<style>
.firefox .test-block{background:red;}
.chrome .test-block{background:green;}
.safari .test-block{background:blue;}
.opera .test-block{background:indigo;}
.ie .test-block{background:black;}
.test-block{width:100%;height:100px;}
</style>
<div class="test-block"></div>
<script src="//atmpl.ru/design/information/2015/style-browser/style-browser.js"></script>
В момент написания статьи браузеры имеют как индивидуально поддерживаемые свойства, так и общие свойства дополненные префиксами, поэтому использование подобного скрипта достаточно актуально.