Обычно я использую modernizr , чтобы узнать возможности браузера. В то же время я использую LESS CSS , чтобы сделать мой CSS более читабельным и поддерживаемым. Общий стиль, использующий МЕНЬШЕ вложенных правил, выглядит следующим образом:
#header {
color: black;
.logo {
width: 300px;
color: rgba(255,255,255,.6);
&:hover { text-decoration: none }
}
}
Затем, если я использую откат в стиле modernizr, я добавляю этот текст для предыдущего блока:
.no-js #header,
.no-rgba #header {
.logo {
color: white;
}
}
Итак, похоже, у меня есть две ветки кода, и каждый раз Мне нужно проверить еще один аспект совместимости, количество ветвей будет расти. Этот код менее удобен в обслуживании, потому что вам нужно найти все стили, применяемые к каждому элементу, и преимущества, которые мы получаем от вложенных классов, исчезают.
Вопрос: есть ли способ в синтаксисе LESS включать такие резервные варианты и не запускать новую ветвь кода для .no-js и других классов .no-smth?