объединяя один и тот же стиль css для 2 разных браузеров

Question

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

p , span{
background: red;
}

Я хотел бы сократить свой код css для

progress::-moz-progress-bar { 
    background:#cbccce;
}
 progress::-webkit-progress-bar {
    background:#cbccce;
}

. попробовал и но похоже не работает.

progress::-moz-progress-bar , progress::-webkit-progress-bar {
    background:#cbccce;
}

я пытался найти, но я не смог найти ответ. Заранее спасибо :)

Answer 1

Нет, вы не можете объединить " префиксы вендоров " вместе.

Но вы можете использовать инструменты разработчика для их автоматической генерации, такие как autoprefixer , или вы можете использовать CSS препроцессор SASS LESS для сокращения вашего css кода

Что такое препроцессор CSS?

A CSS Препроцессор - это язык сценариев, который расширяет CSS, позволяя разработчикам писать код на одном языке и затем компилировать его в CSS. Sass, пожалуй, самый популярный препроцессор на данный момент, но другие известные примеры включают Less и Stylus.