前端之家收集整理的这篇文章主要介绍了
【强烈推荐】说说CSS Hack 和向后兼容，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。
在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：
502_9@
- 权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码
- 可维护：在资源成本和完美间平衡的向后兼容
- 可读：省力、易记
这里把成本放在了第一位，并不是说我们不愿意追求完美，而只是，太刻意追求完美有时候可能会阻碍我们前进；在成本后，应该是可维护和可读，这点对于团队的合作来说至关重要，而最终结果也是为了减少成本。
先把这三个原则存起来，来看看我们平时解决兼容的写法（后面会附详细的Hack方法列表）：
一、CSS 选择器 Hack
<div class="cnblogs_code">
502_9@502_9@502_9@502_9@502_9@502_9@502_9@502_9@502_9@502_9@502_9@
<div class="cnblogs_code" onclick="cnblogs_code_show('3912b139-91c4-4cbe-94df-2091ac28b44c')">
<img style="display: none" id="code_img_closed_3912b139-91c4-4cbe-94df-2091ac28b44c" class="code_img_closed" alt="" src="https://www.jb51.cc/res/2019/02-07/12/1c53668bcee393edac0d7b3b3daff1ae.gif"><img id="code_img_opened_3912b139-91c4-4cbe-94df-2091ac28b44c" class="code_img_opened" onclick="cnblogs_code_hide('3912b139-91c4-4cbe-94df-2091ac28b44c',event)" src="https://www.jb51.cc/res/2019/02-07/12/405b18b4b6584ae338e0f6ecaf736533.gif"><span class="cnblogs_code_collapse">代码@H_502_9@
<div id="cnblogs_code_open_3912b139-91c4-4cbe-94df-2091ac28b44c">
![https://www.jb51.cc/res/2019/02-07/12/1c53668bcee393edac0d7b3b3daff1ae.gif">](https://www.jb51.cc/res/2019/02-07/12/1c53668bcee393edac0d7b3b3daff1ae.gif">){kind=link}
![https://www.jb51.cc/res/2019/02-07/12/405b18b4b6584ae338e0f6ecaf736533.gif">](https://www.jb51.cc/res/2019/02-07/12/405b18b4b6584ae338e0f6ecaf736533.gif">){kind=link}