css兼容性写法顺序

在WEB前端开发中，CSS是必不可少的一部分。但是，不同的浏览器对CSS的解释有很大的差异，这就需要我们写出兼容多种浏览器的CSS。下面我们来分享一下CSS兼容性写法的顺序。

1.先使用标准的CSS属性写法，比如：color: #000000;

p {
   color: #000000;
}

2.如果要兼容IE浏览器，请添加浏览器私有前缀“-ms-”。

p {
   -ms-text-size-adjust: 100%;
}

3.如果要兼容chrome和safari，请添加浏览器私有前缀“-webkit-”。

p {
   -webkit-Box-shadow: 0 0 10px #000000;
}

4.如果要兼容firefox，请添加浏览器私有前缀“-moz-”。

p {
   -moz-transform: rotate(45deg);
}

5.如果要兼容opera，请添加浏览器私有前缀“-o-”。

p {
   -o-transform: scale(0.5);
}

6.最后，如果以上写法都写了，仍然不兼容某些浏览器，请使用万能写法“-webkit-，-moz-，-ms-，-o-”。

p {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
}

总的来说，在书写CSS时，尽量使用标准的CSS属性写法，并为其他浏览器添加浏览器前缀，这样可以确保更好的兼容性。