Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 22
Спасибо за статью. Хотелось бы еще услышать про поддержку другими браузерами, отличными от Firefox.
Ну и в тему, для этих целей отлично подходит Modernizr.
Ну и в тему, для этих целей отлично подходит Modernizr.
Писать всё два раза? Ужасно, по-моему. Мне бы подошло что-то вроде:
@try {
h1 {
font-size: calc(10px+50%);
border-radius: 10px;
}
@catch (font-size) { /* ловим только ошибки с font-size */
h1 {
font-size: 12em;
}
}
@catch { /* ловятся все ошибки */
h1 {
border: 0;
}
}
Я написал 2 раза, чтобы показать еще и
Получится, что в браузерах, поддерживающих это всё, свойство переопределится.
not. Понятно, что написать можно так:h1 {
font-size: 26px;
}
@supports (font-size: calc(1rem + 12px)) {
h1 {
font-size: calc(1rem + 12px);
}
}
Получится, что в браузерах, поддерживающих это всё, свойство переопределится.
Да нет. Я о том, что здесь приходится писать «font-size: calc(1rem + 12px)» два раза.
Или вот так ещё можно: http://bolknote.ru/2011/09/07/~3394/.
Жаль, что нынешние браузеры не поддерживают
@supports not (@supports)Зарегистрируйтесь на Хабре, чтобы оставить комментарий
CSS Conditional Rules