safari css media query

1Chrome & Safari (any version)
2@media screen and (-webkit-min-device-pixel-ratio:0) { 
3    property: value;
4}
5
6 Safari (7.1+)
7_::-webkit-full-page-media, _:future, :root .safari_only {
8    property: value;
9}
10
11Safari (from 6.1 to 10.0) affects ALL browsers on iPad Not only Safari.
12@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
13    @media {
14        .safari6 { 
15            color:#0000FF; 
16            background-color:#CCCCCC; 
17        }
18    }
19}
20
21Safari (10.1+)
22@media not all and (min-resolution:.001dpcm) { 
23    @media {
24        .safari10 { 
25            color:#0000FF; 
26            background-color:#CCCCCC; 
27        }
28    }
29}