Как избежать дублирования css при использовании префиксов поставщика?

Question

Я хочу использовать полноэкранный режим CSS псевдо-класс, который требует ряда поставщика предварительных исправлений:

html:fullscreen { 
    background: red; 
} 

html:-moz-full-screen { 
    background: red; 
} 

html:-webkit-full-screen { 
    background: red; 
} 

html:-ms-fullscreen { 
    background: red; 
    width: 100%; /* needed to center contents in IE */ 
} 

Но для этого примера я предпочел бы не иметь дублировать фон: красный и все другие CSS через 4 префиксов.

html:fullscreen, 
html:-moz-full-screen, 
html:-webkit-full-screen, 
html:-ms-fullscreen 
{ 
    background: red; 
} 

Есть ли чистый CSS способ сделать эту работу: Если я делаю это выглядит как будто браузер игнорирует его (который я считаю, это из-за того, как принимает CSS) после? Если не лучший способ?

Answer 1

К сожалению, кажется, что вам нужно повторить это заявление. Посмотрите на сайтную статью - http://www.sitepoint.com/html5-full-screen-api/

Answer 2

Посмотрите на предмет -prefix-free.

Answer 3

Я не собираюсь отметить это правильное решение, так как это не чистый CSS, но мое решение было использовать менее (Sass/SCSS также будет работать) и реализовать подмешать:

.fullscreenMixin { 
    font-weight: normal; 
    font-size: 49px; 
} 

html:fullscreen { 
    .fullscreenMixin() 
    background: red; 
} 

html:-moz-full-screen { 
    .fullscreenMixin() 
} 


html:-webkit-full-screen { 
    .fullscreenMixin() 
} 

html:-ms-fullscreen { 
    .fullscreenMixin() 
    width: 100%; /* needed to center contents in IE */ 
}