在前端开发中，我们常常需要兼容旧版本的浏览器，而 corysimmons-selectivizr2 是一个可以帮助我们解决这个问题的工具包。它是一个基于 Selectivizr 的 JavaScript 库，可以让我们使用 CSS3 选择器来兼容低版本的 IE 浏览器。
安装与导入
要使用 corysimmons-selectivizr2，需要先安装该包。在命令行中使用以下命令进行安装：
--- ------- ------------------------ ------
安装完成后，我们就可以在项目中导入这个包了。如果你使用 ES6 模块化规范，可以使用以下代码：
------ ---------------------------
如果你使用的是旧版的 JavaScript 或者不支持模块化的环境，可以在 HTML 文件中通过 <script> 标签引入该库：
------- ----------------------------------------------------------------------
使用方法
一旦成功导入了 corysimmons-selectivizr2，我们就可以开始使用它来编写兼容性更好的 CSS3 代码了。下面是一个简单的示例：
------------------ - ----------------- ---- -
如果我们想要在低版本的 IE 浏览器中也能够正常显示这个样式，只需要在 CSS 文件中添加如下代码即可：
------------------ - ----------------- ---- ------------ --------------- -
这段代码的含义是：对于低版本的 IE 浏览器，在处理 div:nth-child(odd) 选择器时，同时也使用 nth-child(odd) 来处理。
深度使用
除了上面的基本用法之外，corysimmons-selectivizr2 还支持很多高级功能。以下是一些示例：
支持伪元素
在低版本的 IE 浏览器中，使用伪元素的 CSS 样式是无法生效的。但是通过 corysimmons-selectivizr2，我们可以实现对伪元素的支持。例如：
-------------- - -------- ------ ----- - -- - -- --- -- --------------------------------- - -------- ------ ----- -
支持通用兄弟选择器
通用兄弟选择器（~）在低版本的 IE 浏览器中同样无法生效。但是通过 corysimmons-selectivizr2，我们可以实现对其的支持。例如：
--- - - - ------ ----- - -- - -- --- -- ----------------- - ------ ----- -
支持所有属性选择器
在低版本的 IE 浏览器中，某些高级属性选择器无法正常工作。但是通过 corysimmons-selectivizr2，我们可以实现对其的支持。例如：
------------------------------ - ----- - ---------------- ------------- - -- - -- --- -- ----- -------------------- - ----- - ---------------- ------------- -
总结
corysimmons-selectivizr2 是一个非常好用的前端工具包，它可以帮助我们更加方便地兼容旧版本的浏览器。在实际开发中，我们可以根据需求进行灵活使用，并且多加尝试，相信会有更多的收获。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/38977