Firefox
Any version (Gecko)
|
1
2
3
4
5
|
@-moz-document url-prefix() {
.ff {
color: red;
}
}
|
Quantum Only (Stylo)
|
1
2
3
4
5
6
7
8
|
@-moz-document url-prefix() {
@supports (animation: calc(0s)) {
/* Stylo */
.ffStylo {
property: value;
}
}
}
|
Legacy (pre-Stylo)
|
1
2
3
4
5
6
7
8
|
@-moz-document url-prefix() {
@supports not (animation: calc(0s)) {
/* Gecko */
.ffGecko {
property: value;
}
}
}
|
Webkit
Chrome & Safari (any version)
|
1
2
3
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
property: value;
}
|
Chrome 29+
|
1
2
3
4
5
|
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.chrome {
property: value;
}
}
|
Safari (7.1+)
|
1
2
3
|
_::-webkit-full-page-media, _:future, :root .safari_only {
property: value;
}
|
Safari (from 6.1 to 10.0)
|
1
2
3
4
5
6
7
8
|
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media {
.safari6 {
color:#0000FF;
background-color:#CCCCCC;
}
}
}
|
Safari (10.1+)
|
1
2
3
4
5
6
7
8
|
@media not all and (min-resolution:.001dpcm) {
@media {
.safari10 {
color:#0000FF;
background-color:#CCCCCC;
}
}
}
|